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

軟體首頁 軟體文件 軟體下載