gRaphael——JavaScript 矢量图表库
2013-01-09 17:15
302 查看
gRaphael——JavaScript 矢量图表库
2013-1-9 14:05| 发布者: html5cn |来自: cnblogs| 评论:0
摘要: gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的 Javascript 库,基于强大的 Raphael 矢量图形库。你只需要编写几行简单的代码就能创建出精美的条形图、饼图、点图和曲线图。 ... ...
gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的 Javascript 库,基于强大的 Raphael 矢量图形库。你只需要编写几行简单的代码就能创建出精美的条形图、饼图、点图和曲线图。 gRaphael 使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Internet Explorer 6.0+。 使用方法:在页面中引入 raphael.js,g.raphael.js 文件,并根据需要引入 g.line.js(曲线图),g.bar.js(条形图),g.dot.js(点图)和 g.pie.js(饼图)文件,然后根据提供的方法即可创建出你想要的精美图表,下面是两个简单示例。 只需要两行代码即可,示例代码: |
源码下载 在线演示
创建交互饼图
结合 hover 和 click 事件以及动画方法,你就可以创建精美的交互式饼图,示例代码:源码下载 在线演示
gRaphael 官方网站地址:http://g.raphaeljs.com/
gRaphael 英文参考文档:http://g.raphaeljs.com/reference.html
Raphael 官方网站地址:http://raphaeljs.com
Raphael 英文参考文档:http://raphaeljs.com/reference.html
Raphael 中文帮助文档:http://julying.com/lab/raphael-js/docs/
Raphael 新手入门教程:An
Introduction to the Raphael JS Library
相关文章推荐
- 坐标下载gRaphael——JavaScript 矢量图表库:两行代码实现精美图表
- gRaphael——JavaScript 矢量图表库:两行代码实现精美图表
- gRaphael——JavaScript 矢量图表库:两行代码实现精美图表
- javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
- javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
- gRaphael—JavaScript 矢量图表库
- 10款强大的开源 Javascript 图表库
- 13款经典JavaScript图形和图表绘制工具
- 前端开发者常用的9个JavaScript图表库
- 在同一页面显示多个JavaScript统计图表
- Highcharts:高交互性的javascript图表类库 (转)
- 基于ArcGIS API for JavaScript的统计图表实现
- D3.JS 基于javascript的图表展示库<二>----基本元素操作
- 9 个基于JavaScript 和 CSS 的 Web 图表框架
- 5款性能出色的JavaScript图表插件
- ECharts JavaScript图表库 ECharts
- 9 个基于JavaScript 和 CSS 的 Web 图表框架
- Highcharts是一个制作图表的纯Javascript类库
- Raphaël 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。
- javascript柱状统计图表