問題タブ [chartjs-2.6.0]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
3040 参照

html - ChartJS - 異なるサイズのデータ​​セットを含む折れ線グラフ

私はいくつかのチャートを生成するアプリケーションに取り組んでおり、chartjs を使用してそれらを描画しています。

私が直面している問題はこれです: グラフは動的データで生成されます。アプリケーションは最大 9 つのデータセットを生成する場合があり、それらが同じサイズになることはめったにありません。データセットのサイズが一致しない場合、chartjs を進めたり、値を埋めたりするにはどうすればよいですか?

ここのstackoverflowやchartjs githubページでもいくつかの例を見ましたが、うまくいきませんでした。

これは私がこれまでに持っているものの例です: https://jsfiddle.net/camarrone/49onz8no/1/

データ配列が異なる 2 つのデータセット。2 番目のデータセットの最初の値は存在しないため、ゼロまたは null にする必要があります。このように: https://jsfiddle.net/camarrone/d39a0qgw/

これは参照用の「失敗した」コードです。

0 投票する
1 に答える
971 参照

javascript - チャートjsでレーダーチャートのエッジを滑らかにするにはどうすればよいですか?

レーダー チャートの Chart JS サンプルのように、エッジが滑らかなレーダー チャートを作成しようとしています。

http://www.chartjs.org/samples/latest/charts/area/radar.html

私はドキュメントでそれを探してみましたが、それは lineTension プロパティである可能性があると考えましたが、それでも機能させることができませんでした. 私はJSが初めてなので、おそらく何か間違っているでしょう。誰かが私に例を示すことができますか?

0 投票する
0 に答える
1269 参照

javascript - Chart.js(react-chartjs-2)でホバー時にドーナツピースをズームする方法

chart.js (react-chartjs-2) でドーナツの一部をズームする必要があります。望ましい結果については、画像を参照してください。

![]

コード: https://codesandbox.io/s/q367y419mw

0 投票する
1 に答える
2897 参照

chartjs-2.6.0 - ChartJS 2 ツールチップのタイトルが定義されていません

グラフの年齢層を表すために、ツールチップのタイトルに「年齢」という単語を追加しようとしています。

タイトルは基本的に「11~20歳」などとします。しかし、「年齢未定義」と表示されますか?

この問題が発生する理由を知っている人はいますか?

コード(以下のフィドル):

afterLabel を使用すると、ラベルの直後ではなく、ラベルのすぐ下にテキストが送信されることを知っている人への余分なポイント (補足質問、必要に応じて無視してください)"?

https://jsfiddle.net/unc76c7s/