chart.js(8)

8follower
harada さんのアバター 39views

chart.jsで各項目の太さを変えたグラフを表示する

項目数だけグラフを重ねることで実現できるようです。 HTML <div class="donutsChartCustom"> <canvas id="dnChart1" class="circle01" w... 2017年4月4日
harada さんのアバター 116views

Chart.jsでツールチップを削除する

オプションで以下のように「tooltips」の「mode」を「false」にすることで、グラフに表示されるツールチップを削除できます。 var chart1 = new Chart(canvas, { type: "line", ... 2016年10月21日
harada さんのアバター 459views

Chart.jsでツールチップを削除する

オプションで以下のように「tooltips」の「enabled」を「false」にすることで、グラフに表示されるツールチップを無効にできます。 var chart1 = new Chart(canvas, { type: "lin... 2016年8月15日
harada さんのアバター 1,442views

Chart.jsで凡例を削除する

オプションで以下のように「legend」の「display」を「false」にすることで、グラフに表示される凡例を削除できます。 var chart1 = new Chart(canvas, { type: "line", ... 2016年8月3日
harada さんのアバター 1,060views

Chart.jsのツールチップを一つにまとめるオプション

グラフに複数のデータを設定していて、その値が違いすぎる場合、ツールチップがそれぞれバラバラに表示されます。 オプションに以下の記述をすることで、バラバラに表示されていたツールチップが一つにまとめることができます。 オプション記述例 デー... 2016年6月13日
harada さんのアバター 1,163views

Chart.jsに凡例を追加する

2016/06/13 追記 ※ こちらは古いバージョン(1.x.x)のChart.js用の記述のようです。新しいバージョンではこちらの記述では動かないおそれがあります。 Chart.jsを利用することで、webサイトに簡単にグラフを表... 2016年6月10日
nissy さんのアバター 1,053views

Chart.jsでかわいいグラフを作る

TOWNの開発で、Chart.jsというグラフを描くツールを使っていたので調べてみました。するとなんと、かわいいグラフが描ける!!ということなので、まとめてみましたー!!実際にグラフが表示される時の動きが、かわいい気がします(どーでもいいで... 2016年6月10日
harada さんのアバター 469views

BootstrapのモーダルウィンドウでChart.jsを利用する場合

モーダルウィンドウを開いた時にChart.jsのグラフを表示したい場合、通常の記述のままだとモーダルウィンドウを開いた時にChart.jsが表示されない(実行されない)ことがあります。 その場合はChart.jsのJavaScriptの実行... 2015年9月30日