タグ

あとで読むとグラフに関するsagasiteのブックマーク (2)

  • Chart.js · Chart.js 日本語ドキュメント

    [目次]、[設定]、[共有]は上部ボタンで↑ Chart.js インストール GitHub のリリースからChart.jsの最新バージョンをダウンロードするか、Chart.js CDN を使用します。詳しいインストール手順は、インストールページに記載されています。 グラフを作成する Chart.js を使い始めるのは簡単です。ページに、スクリプトと、チャートをレンダリングするための<canvas>ノードを一つ置くだけです。 この例では、一つのデータセットを持つ棒グラフを作成し、ページ内でレンダリング(描画)します。 Chart.js の使用方法は使用方法のページでも見ることができます。 <canvas id="myChart" width="400" height="400"></canvas> <script> var ctx = document.getElementById("myC

  • とほほのChart.js入門 - とほほのWWW入門

    JavaScript でグラフ(チャート)を描画するためのライブラリです。 MITライセンスで、商用・私用を問わず無償で利用可能です。 現在(2021年5月)の最新版は 3.2.1。3.x 系は 2.x 系と色々仕様が変わっています。 npmの場合は下記を実行してください。 # npm install chart.js CDNを利用する場合は下記から対象のバージョンと形式を選択し、[Copy Script Tag] でスクリプトタグを張り付けてください。 https://cdnjs.com/libraries/Chart.js 時系列チャート(type: 'time')を扱う場合は、日時ライブラリとアダプタが必要です。 date-fns - オススメ luxon - Chart.js 2.x系にしか対応していないみたい。 moment - 最近は開発が止まってる。 <!DOCTYPE ht

  • 1