Chart.js

最新の Web 向けのシンプルかつ柔軟な JavaScript グラフ作成ライブラリ

始めましょう サンプル 生態系 GitHub

4.0の新機能カラープラグイン

デフォルトのパレットの Chart.js ブランド カラーは、時間を節約するゼロ構成の組み込みプラグインとして利用できます。

4.0の新機能木を揺らす

登録するだけでJavaScriptバンドルのサイズを数十キロバイト削減可能必要なコンポーネント。

Example of reduced bundle size from 48 KB to 14 KB

3.5の新機能スケールスタッキング

レイアウト ボックスは、グループごとに積み重ねて重み付けすることができます。

3.4の新機能字幕プラグイン

サブタイトルプラグインメインタイトルと同じオプションがすべてあります。

3.1の新機能線分のスタイル設定

線分は、ユーザー定義の基準に従ってスタイルを設定できます。

3.0の新機能高度なアニメーション

すべての要素のすべてのプロパティの遷移は、個別かつ独立して構成できます。

3.0の新機能パフォーマンス!

多数のパフォーマンス強化が導入されました。この例には、新しい機能を備えた 1M (2x500k) ポイントがあります。デシメーションプラグイン有効になりました。

2.0の新機能混合チャートタイプ

棒グラフと折れ線グラフを組み合わせて、データセットを視覚的に明確に区別できます。

2.0の新機能新しいグラフの軸タイプ

複雑でまばらなデータセットを日付時刻、対数スケール、さらには完全にカスタムのスケールで簡単にプロットします。

2.0の新機能すべてをアニメーション化しましょう!

箱から出してすぐに素晴らしいトランジションデータの変更時、色の更新時、データセットの追加時。


オープンソース

Chart.js はコミュニティで管理されているプロジェクトです。貢献は大歓迎です。

8 チャートの種類

8 つの異なる方法でデータを視覚化します。それぞれアニメーション化され、カスタマイズ可能です。

HTML5キャンバス

すべての最新ブラウザ (IE11 以降) で優れたレンダリング パフォーマンスを実現します。

レスポンシブ

ウィンドウのサイズを変更してチャートを再描画し、完璧なスケール粒度を実現します。