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

（Android WebView HTML5キャンバスエラー）で、Graph.jsライブラリを使用したグラフのプロットに関する質問を投稿しました。私が今抱えている問題は、グラフを複数回プロットする関数を呼び出すと、キャンバスが毎回サイズ変更されることです。グラフが同じキャンバスに再描画されるたびに、そのサイズも変更されます。キャンバスのサイズも設定してみましたが、うまくいきませんでした。 理由は何でしょうか？なぜキャンバスは毎回サイズ変更されるのですか？

86 html  canvas  chart.js 

（Chartjs-tsgauge）に基づくゲージチャートを使用しています。ゲージの制限とは別にチャートの背景色を設定したい。Charts.JSが背景をレンダリングする方法に問題があります。私が使用したプラグインには背景に関するコードがないためです。たとえば、制限付きのゲージがあります[0, 20, 40, 60, 80, 100]。[0-30]緑、[30-70]黄、[70-100]赤に設定したい。現在のコード：CodePEN これが私の現在のオプションです。 var ctx = document.getElementById("canvas").getContext("2d"); new Chart(ctx, { type: "tsgauge", data: { datasets: [{ backgroundColor: ["#0fdc63", "#fd9704", "#ff7143"], borderWidth: 0, gaugeData: { value: 7777, valueColor: "#ff7143" }, gaugeLimits: [0, 3000, 7000, 10000] }] }, options: { events: [], showMarkers: true } }); そして、これが背景色を設定するための私のアプローチです。 new …

9 javascript  html5-canvas  chart.js 

最後の値が常に非常に高いデータセットがあります。これにより、棒グラフで問題が発生します。他のほとんどすべての値は、それらの上にホバリングすることなく感じを得るのは困難です。 これがスクリーンショットです： これは私が達成しようとしていることです。 だから私の質問; これはvanilla Chart.js内で可能ですか、それともプラグインが必要ですか？そしてそうならば; 既存のプラグインはありますか、それとも自分で作成する必要がありますか？ 私はまた、最初の問題に対する別の解決策を用意しています。 私はインターネット全体でこのようなものを探しましたが、残念ながらあまり運がありませんでした。

8 javascript  charts  chart.js