問題タブ [react-chartjs]
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.
css - React chartJSのドーナツのマウスホバーでラベルをフォーマットする
私はChart.JSを初めて使用します。プロジェクトで「Donought」チャートを使用しようとしています。これは次のようなものです。
https://github.com/jerairrest/react-chartjs-2/blob/master/example/src/components/doughnut.js
この例では, データ セットのいずれかにカーソルを合わせると, そのデータ セットに関連するラベルが表示されます. しかし, そのラベルを取得してカーソルを合わせると, それをどれだけうまく表示できるかが問題です...
代わりに、次のようになります。
上記の例では、「StaffOf」の前に四角形が追加されているため、ラベル「Health Relationship」全体を読み取ることができません。
「StaffOf」の文字数が少なく、「Health Relationship」の文字数が多いことは完全に理解しています。
ReactJS または ChartJS で、サイズを変更せずにラベルを完全に見えるように正当化できる方法はありますか (ある種のワード ラップを使用して単語を完全に読み取ることができますが、この場合はまったく機能しません)。 CSSを使用してドーナツ？
どんな助けでも大歓迎です..
javascript - json ファイルから chart.js のラベルとデータセットにデータを渡すことができません
JSON データを外部から読み込んで、データセットとラベルに渡そうとしています。
サーバーを起動すると、開発者向けオプションで呼び出されているデータが表示されますが、棒グラフには反映されません。
fetch 関数を使用して API を呼び出してみましたが、それをラベル (chart.js の X 軸を表す) とデータセット (chart.js の Y 軸を表す) に呼び出す方法がわかりません。
また、配列データの呼び出し方がわかりません。bar のすべてのプロパティを含むチャートを作成した別のチャート ファイルに chartData を呼び出し、小道具を使用してこの chartData を棒グラフ データに呼び出そうとしています。
私が間違っていたところを修正してください。以下は私のコードです。
javascript - React ChartJS 2でライングラフィック内のいくつかのポイントを非表示にする方法は?
ポイント自体の値が0の場合、ポイントの色を非表示または変更したいと思います。
以前のバージョンの ChartJS では、以下のコードを介してこれらのポイント要素にアクセスできました。
例: http://jsfiddle.net/3tok57dL/
chart.js 2.7.0 と react-chartjs-2 2.6.2 を使用していますが、これらの要素にアクセスする方法が見つかりません。
ありがとう。