JavaScript可視化圖表庫MetricsGraphics.js

jopen 9年前發布 | 18K 次閱讀 圖表/報表制作 MetricsGraphics.js

MetricsGraphics.js也是一款基于JavaScript的響應式圖表庫，和Chartist.js類似，MetricsGraphics.js同樣支持幾乎所有類型的圖表，包括折線圖、柱形圖、餅圖等。同時MetricsGraphics.js是基于可視化圖表庫D3上面的，因此開發者可以自定義很多功能強大的圖表功能。

MetricsGraphics.js的使用方法

先來看看效果圖：

JavaScript可視化圖表庫MetricsGraphics.js

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的整體效果還不錯，就是有些資源需要翻*墻才能正常使用，不過你也可以下載源代碼來試試。

本文鏈接：http://www.codeceo.com/article/javascript-metricsgraphics.html
本文作者：碼農網 – 小峰

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！