HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > gRaphael——JavaScript 矢量图表库

gRaphael——JavaScript 矢量图表库

       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(饼图)文件,然后根据提供的方法即可创建出你想要的精美图表,下面是两个简单示例。


创建静态饼图


只需要两行代码即可,示例代码:


1 2 3 4

【gRaphael——JavaScript 矢量图表库】相关文章

1. gRaphael——JavaScript 矢量图表库

2. JavaScript 矢量图表库:两行代码实现精美图表

3. JavaScript可视化图表库MetricsGraphics.js

4. RGraph -免费的HTML5和JavaScript图表

5. jQuery插件——jRating评分插件源码分析

6. jQuery Mapael – 呈现动态的矢量地图

7. CSS生日快乐:CSS之父Håkon Wium Lie访谈录

8. C3.js 0.4.10 发布,开源图表库

9. Sencha发布移动 HTML5图表库

10. HTML5 图表库 ichartjs 正式发布 1.1 版本

本文来源:https://www.51html5.com/a3054.html

点击展开全部

﹝gRaphael——JavaScript 矢量图表库﹞相关内容

「gRaphael——JavaScript 矢量图表库」相关专题