1. ホーム
  2. javascript

[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?

2022-07-02 17:40:41

質問

ドーナツ盤の中のテキストをどのように表示するか。 チャートJs .

どのように解決するのですか?

のようにコードを修正する必要があります。 で chart.Doughnut.defaults

labelFontFamily : "Arial",
labelFontStyle : "normal",
labelFontSize : 24,
labelFontColor : "#666"

で、関数 drawPieSegments

ctx.fillText(data[0].value + "%", width/2 - 20, width/2, 200);

このプルを参照してください。 https://github.com/nnnick/Chart.js/pull/35

フィドルはこちら http://jsfiddle.net/mayankcpdixit/6xV78/ を実装しています。