New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
![Chart.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/907bb619fc7a7cb2516405429ca244c82aa81453/height=288;version=1;width=512/https%3A%2F%2Fwww.chartjs.org%2Fimg%2Fcover.png)
Canvasで棒グラフ、折れ線グラフ、円グラフをつくる D3.js を使う前の練習ということで、Canvas で棒グラフ、折れ線グラフ、円グラフを作ってみたのでメモ。 なお、目盛りはついてないです。。 棒グラフ barGraph(canvas_obj, datas, stroke_opts, fill_opts) 関数で棒グラフを描画している。 stroke_opts 引数で枠線の幅(width)と色(color)を変更できるようにしています。。 fill_opts 引数では、棒の色(color)を変更できるようにしています サンプル codepen.io コード Canvas上で棒グラフ 折れ線グラフ function lineGraph(canvas_obj, datas, line_opts, dot_opts, text_opts) 関数で折れ線グラフを描画している。 line_o
<!DOCTYPE html> <html> <head> <title>CANVAS TEST</title> <!--[if lt IE 9]> // Explorer Canvasを読み込む <script src="js/excanvas.js"></script> <![endif]--> <script> window.addEventListener('load', function() { var cv = document.getElementById('cv1'); // 要素を得る if (!cv) { return; } var ct = cv.getContext('2d'); // 2D(平面)コンテキストを得る if (!ct) { return; } ct.fillStyle = '#ffcccc'; ct.fillRect(0, 0, cv.width,
[目次]、[設定]、[共有]は上部ボタンで↑ 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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く