HTML5开发工具

当前位置: HTML5技术网 > HTML5开发工具 > JavaScript可视化图表库MetricsGraphics.js

JavaScript可视化图表库MetricsGraphics.js

      MetricsGraphics.js是一款基于JavaScript的响应式图表库,和Chartist.js类似,MetricsGraphics.js同样支持几乎所有类型的图表,包括折线图、柱形图、饼图等。同时MetricsGraphics.js是基于可视化图表库D3上面的,因此开发者可以自定义很多功能强大的图表功能。
MetricsGraphics.js的使用方法
先来看看效果图:


JavaScript代码:


MG.data_graphic({

    title: "Downloads",

    description: "This graphic shows a time-series of downloads.",

    data: [{'date':new Date('2014-11-01'),'value':12},

           {'date':new Date('2014-11-02'),'value':18}],

    width: 600,

    height: 250,

    target: '#downloads',

    x_accessor: 'date',

    y_accessor: 'value',

})


      MetricsGraphics.js的整体效果还不错,就是有些资源需要翻*墙才能正常使用,不过你也可以下载源代码来试试。
软件首页 软件文档 软件下载
本文链接:http://www.codeceo.com/article/javascript-metricsgraphics.html本文作者:码农网 – 小峰

【JavaScript可视化图表库MetricsGraphics.js】相关文章

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

2. gRaphael——JavaScript 矢量图表库

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

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

5. Regexper:牛逼的 JavaScript 正则可视化工具

6. Cytoscape.js – 用于数据分析和可视化的交互图形库

7. Cytoscape.js – 用于数据分析和可视化的交互图形库

8. HTML5 界面可视化设计工具 Maquetta 8.0 发布

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

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

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

点击展开全部

﹝JavaScript可视化图表库MetricsGraphics.js﹞相关内容

「JavaScript可视化图表库MetricsGraphics.js」相关专题

其它栏目

也许您还喜欢