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

http://www.chartjs.org/の折れ線グラフを使用しています Y軸の最大値（130）と最小値（60）が自動的に選択されていることがわかるので、最大値= 500と最小値= 0が必要です。これは可能ですか？

176 chart.js 

Chart.jsを使用して水平棒グラフを描画したいのですが、スクリプトからキャンバスに割り当てる高さを使用する代わりに、グラフをスケーリングし続けます。 スクリプトからグラフの高さを設定する方法はありますか？ フィドルを参照してください：Jsfidle HTML <div class="graph"> <div class="chart-legend"> </div> <div class="chart"> <canvas id="myChart"></canvas> </div> </div> JavaScript var ctx = $('#myChart'); ctx.height(500); var myChart = new Chart(ctx, { type: 'horizontalBar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, …

138 javascript  jquery  chart.js 

chartjsを使用して基本的な棒グラフを作成しましたが、正常に動作します。次に、時間ベースの間隔で値を更新します。私の問題は、グラフを作成した後、その値を正しく更新する方法がわからないことです... 私のコード： var ctx = $("#myChart").get(0).getContext("2d"); var dts = [ { fillColor: "rgba(220,220,220,0.5)", strokeColor: "rgba(220,220,220,1)", data: [0, 0, 0, 0, 0] } ]; var data = { labels: ["Core#1", "Core#2", "Core#3", "Core#4", "Total"], datasets: dts }; var chart = new Chart(ctx); chart.Bar(data); //test code setInterval( function () { data.datasets[0].data = …

134 javascript  charts  chart.js 

Chart.jsを使用して可能かどうかを確認したい データ値を表示するには？グラフを印刷したい。 アドバイスありがとうございます。

117 javascript  chart.js 

Chart.JSを使用してデータセットをプロットしています。 しかし、スムーズな効果を得ました！ ここに私が持っている曲線があります： これが私のコードです： function plotChart(data, labels) { var lineChartData = { "datasets": [{ "data": data, "pointStrokeColor": "#fff", "fillColor": "rgba(220,220,220,0.5)", "pointColor": "rgba(220,220,220,1)", "strokeColor": "rgba(220,220,220,1)" }], "labels": labels }; var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData); } 曲線の代わりに直線を使用するにはどうすればよいですか？ ありがとうございました

111 chart.js 

Chartjsを使用して折れ線グラフを表示していますが、これは正常に機能します。 // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); しかし、チャートのデータを変更しようとすると問題が発生します。新しいデータポイントでChartの新しいインスタンスを作成し、キャンバスを再初期化してグラフを更新します。 これは正常に動作します。ただし、新しいグラフにカーソルを合わせると、古いグラフに表示されているポイントに対応する特定の場所に移動すると、ホバー/ラベルがトリガーされ、突然古いグラフが表示されます。マウスがこの場所にある間は表示されたままで、そのポイントから離れると消えます。古いグラフを表示したくない。完全に削除したい。 新しいものをロードする前に、キャンバスと既存のグラフの両方をクリアしようとしました。お気に入り： targetCanvas.clearRect(0,0, targetCanvas.canvas.width, targetCanvas.canvas.height); そして chart.clear(); しかし、これらのどれも今のところ機能していません。これを防ぐにはどうすればいいですか？

109 javascript  html  charts  chart.js 

これが私のコードです。x軸とy軸の両方のスケールで初期値を「0」に設定する必要があります。最新バージョンのスケールオプションを試しました。 graphOptions = { ///Boolean - Whether grid lines are shown across the chart scaleShowGridLines: false, tooltipTitleTemplate: "<%= label%>", //String - Colour of the grid lines scaleGridLineColor: "rgba(0,0,0,.05)", //Number - Width of the grid lines scaleGridLineWidth: 1, //Boolean - Whether to show horizontal lines (except X axis) scaleShowHorizontalLines: true, //Boolean …

109 charts  chart.js 

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 

ドーナツチャート内でテキストをレンダリングする方法、私はChartJsを使用しています。

100 javascript  chart.js 

取得したデータからチャート上のすべてのポイントを表示したいのですが、それらのすべてのラベルを表示したくありません。チャートが読みにくいためです。ドキュメントで探していましたが、これを制限するパラメータが見つかりませんでした。 たとえば、グラフも3つのポイントに制限されているため、ラベルを3つだけ取りたくありません。出来ますか？ 私は今そのようなものを持っています： 3/4のレーベルを残すだけでいいのであれば、それは素晴らしいことです。しかし、ラベルオプションについてはまったく何も見つかりませんでした。

93 javascript  css  canvas  charts  chart.js 

Chart.js（ドキュメント）には、データセットにグラフの名前（タイトル）（例：私の都市の気温）、x軸の名前（例：日数）、y軸の名前（例：気温）を設定するオプションがありますか？または私はcssでこれを解決する必要がありますか？ var lineChartData = { labels : ["January","February","March","April","May","June","July"], datasets : [ { fillColor : "rgba(220,220,220,0.2)", strokeColor : "rgba(220,220,220,1)", pointColor : "rgba(220,220,220,1)", pointStrokeColor : "#fff", pointHighlightFill : "#fff", pointHighlightStroke : "rgba(220,220,220,1)", data : [data] } ] } 本当に助けてくれてありがとう。

91 charts  title  chart.js 

作業中のプロジェクトでChartJSを使用していますが、棒グラフの棒ごとに異なる色が必要です。 棒グラフのデータセットの例を次に示します。 var barChartData = { labels: ["001", "002", "003", "004", "005", "006", "007"], datasets: [{ label: "My First dataset", fillColor: "rgba(220,220,220,0.5)", strokeColor: "rgba(220,220,220,0.8)", highlightFill: "rgba(220,220,220,0.75)", highlightStroke: "rgba(220,220,220,1)", data: [20, 59, 80, 81, 56, 55, 40] }] }; 各バーを異なる方法でペイントする方法はありますか？

90 javascript  chart.js 

クローズ。この質問はもっと焦点を合わせる必要があります。現在、回答を受け付けていません。 この質問を改善したいですか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てるようにします。 昨日休業。 この質問を改善する プロジェクトでchart.jsを数回使用しましたが、d3.jsを使用したことはありません。多くの人がd3.jsがチャートに最適なjavascriptフレームワークであると言いますが、特にchart.jsとの比較が必要な場合は、その理由を説明できません。 私はこれを見つけました：http：//www.fusioncharts.com/javascript-charting-comparison/ しかし、それは私が探していたものではありません。 使いやすさとパフォーマンス（グラフのみ）の観点から、これらのフレームワークの比較について知っている人はいますか？

88 javascript  d3.js  charts  chart.js 

ドキュメントに記載されているChart.jsのサンプルコードを試しています。 幅と高さは、キャンバス要素で400px / 400pxでインラインで指定されます。 ただし、グラフをレンダリングすると、ページ幅全体に拡大され、右端が切り取られます。 例を見る チャートの幅/高さをどのように/どこで制御する必要がありますか？ This is some bogus text because SO prohibits linking to Codepen otherwise.

88 chart.js 

のAPIをchart.js使用すると、ロードされたデータセットのポイントを編集できます。次に例を示します。 .update( ) Chartインスタンスでupdate（）を呼び出すと、更新された値でグラフが再レンダリングされ、既存の複数のポイントの値を編集して、それらを1つのアニメーションレンダリングループでレンダリングできます。 .addData( valuesArray, label ) ChartインスタンスでaddData（valuesArray、label）を呼び出して、各データセットの値の配列とそれらのポイントのラベルを渡します。 .removeData( ) ChartインスタンスでremoveData（）を呼び出すと、チャート上のすべてのデータセットの最初の値が削除されます。 これらはすべて素晴らしいですが、古いデータセットを一掃して、まったく新しいデータセットを読み込む方法がわかりません。ドキュメントはこれをカバーしていないようです。

87 javascript  chart.js