5分钟掌握JavaScript可视化图表库MetricsGraphics.js-职坐标

5分钟掌握JavaScript可视化图表库MetricsGraphics.js

沉沙 2018-06-05 来源：阅读 1090 评论 0

摘要：MetricsGraphics.js也是一款基于JavaScript的响应式图表库，和Chartist.js类似，MetricsGraphics.js同样支持几乎所有类型的图表，包括折线图、柱形图、饼图等。希望阅读本篇文章以后大家有所收获，帮助大家对JavaScript的理解更加深入。

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

MetricsGraphics.js的使用方法

先来看看效果图：

5分钟掌握JavaScript可视化图表库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的整体效果还不错，就是有些资源需要翻墙才能正常使用，不过你也可以下载源代码来试试。

本文由职坐标整理并发布，了解更多内容，请关注职坐标WEB前端JavaScript频道！

web前端技术特点 javaweb前端技术 javascript基础

本文由 @沉沙发布于职坐标。未经许可，禁止转载。