私は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を使用してドーナツ？
どんな助けでも大歓迎です..