首頁 > web前端 > js教程 > 主體

JavaScript視覺化圖表庫MetricsGraphics.js的詳情介紹

黄舟
發布: 2017-03-15 17:32:24
原創
2167 人瀏覽過

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

以上是JavaScript視覺化圖表庫MetricsGraphics.js的詳情介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!