JavaScript ビジュアル チャート ライブラリ MetricsGraphics.js の詳細な紹介

JavaScriptビジュアルチャートライブラリMetricsGraphics.jsの詳細

MetricsGraphics.jsも、Chartist.jsと同様に、JavaScriptベースのレスポンシブチャートライブラリです。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 中国語 Web サイトの他の関連記事を参照してください。