Repolode
投稿する
chartjs

chartjs/Chart.js

HTML5 canvas要素に描画する、シンプルで柔軟なJavaScriptチャートライブラリ。

代替できる製品:Google ChartsHighcharts

GitHub で見る公式サイト
スター
67,752
フォーク
11,949
未解決の Issue
613
最終コミット
2 時間前

これは何？

Chart.jsは、HTML5 canvas要素を使ってチャートを描画するJavaScriptライブラリです。チャートの種類、データ、オプションを記述した設定オブジェクトを渡すと、ブラウザー上にインタラクティブなチャートを描画します。

描画処理を一から実装せずに一般的な種類のチャートを使いたいデザイナーや開発者を対象としています。ドキュメントでは、折れ線や棒などのチャートタイプに加え、設定可能な軸やデータ構造、拡張機能の開発者向けセクションを扱っています。

Chart.jsはMITライセンスで配布されています。ドキュメントのリンク先はライブラリのバージョン4で、過去のバージョンのドキュメントもバージョン別URLから参照できます。

主な機能

  • 01ブラウザー上でHTML5 canvas要素にチャートを描画します。
  • 02単一のオプションオブジェクトで設定できる複数のチャートタイプに対応しています。
  • 03軸、スケール、データ構造を設定できます。
  • 04プラグイン開発向けの拡張ポイントがドキュメント化されています。

ユースケース

  • Webダッシュボードにインタラクティブな折れ線グラフや棒グラフを追加する。
  • フロントエンドアプリケーション内で指標や分析データを可視化する。
  • 重い依存関係を追加せずに、コンテンツサイトへシンプルなチャートを埋め込む。

クイックスタート

  1. 1

    ドキュメントのインストールガイドを読む

  2. 2

    ドキュメントを参照して使い始める

収録されている特集

データサイエンスの教材とツール

トピック

#charts#data-visualization#canvas#html5#javascript#graph#chart#html5-charts

よくある質問

Chart.js とは？
HTML5 canvas要素に描画する、シンプルで柔軟なJavaScriptチャートライブラリ。 Chart.jsは、HTML5 canvas要素を使ってチャートを描画するJavaScriptライブラリです。チャートの種類、データ、オプションを記述した設定オブジェクトを渡すと、ブラウザー上にインタラクティブなチャートを描画します。
Chart.js は無料で使えますか？ライセンスは？
Chart.js は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
Chart.js は今もメンテナンスされていますか？
活発にメンテナンス中。Chart.js の最終コミットは 2026年10月22日 です。
Chart.js は何に使えますか？
Webダッシュボードにインタラクティブな折れ線グラフや棒グラフを追加する。 フロントエンドアプリケーション内で指標や分析データを可視化する。 重い依存関係を追加せずに、コンテンツサイトへシンプルなチャートを埋め込む。
Chart.js のインストール方法は？
ドキュメントのインストールガイドを読む ドキュメントを参照して使い始める
Chart.js はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/chartjs/Chart.js

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト