プログラミング chart.js2

6

Chart.js v2を使用して単純な折れ線グラフを描画しています。不要なグリッド線があることを除いて、すべてが正常に見えます。折れ線グラフのドキュメントはこちら：https : //nnnick.github.io/Chart.js/docs-v2/#line-chartですが、これらの「グリッド線」を非表示にする方法は見つかりません。グリッド線を削除するにはどうすればよいですか？

149 javascript chart.js2

5

Chart.js v2データセットラベルを非表示にする

Chart.js v2.1.3を使用してグラフを作成する次のコードがあります。 var ctx = $('#gold_chart'); var goldChart = new Chart(ctx, { type: 'line', data: { labels: dates, datasets: [{ label: 'I want to remove this Label', data: prices, pointRadius: 0, borderWidth: 1 }] } }); コードはシンプルに見えますが、グラフからラベルを削除できません。オンラインで見つけたソリューションをたくさん試しましたが、それらのほとんどはChart.js v1.xを使用しています。データセットラベルを削除するにはどうすればよいですか？

106 chart.js chart.js2

3

chart.js v2を使用してチャートの凡例を削除する

Bootstrap、JQuery、Chart.js（v2）を使用してホームページを作成しています。私はv1を使用して実装を機能させていましたが、最近Bowerに入り、それを使用してv2をダウンロードしました。私はそれぞれが円グラフを含む4列のグリッドを作成していますが、v2でのスケーリングは、私が機能するのを混乱させるようなものです。グラフを反応させて、タブレットやスマートフォンなどの小型のデバイスで適切にスケーリングできるようにしたいのですが、私の問題の1つは、グラフの凡例と、マウスをセクションの上に置くとホバー情報が表示されないことです。チャート。 index.html <body> <div class="container"> <div class="row"> <div class="col-xs-3"> <canvas id="chart1"></canvas> </div> <div class="col-xs-3"> <canvas id="chart1"></canvas> </div> <div class="col-xs-3"> <canvas id="chart1"></canvas> </div> <div class="col-xs-3"> <canvas id="chart1"></canvas> </div> </div> </div> </body> functions.js $(document).ready(function(){ var canvas = $("#chart1"); var data = { labels: [], datasets: [{ data: [10, 10], backgroundColor: ["#F7464A", …

105 javascript jquery css charts chart.js2

タグ付けされた質問 「chart.js2」

タグ付けされた質問「chart.js2」