データ ラベルを円グラフまたはドーナツ グラフの外側に移動する - Chart.js

Question

大規模なアプリケーションを開発しているのですが、グラフ自体の外側の円グラフまたはドーナツ グラフにラベルを配置できると非常に便利です。

このプラグイン、outerLabels はまさに私が探しているものですが、何も出力できません。

Chart.js を使用してこれを実現する方法が見つからなかったので、これが私が今行き詰まっていることです。

プラグインをインポートしました 「chartjs-plugin-outerlabels」からインポート{}; import 'chartjs-plugin-outerlabels';

も同様です

これは、グラフ オプションの設定方法の例です:

リーリー

以下は、プロジェクト自体内のドーナツ チャートの例です:

誰かがこのプラグインを動作させるのを手伝ってくれたり、この問題に対する別の解決策を持っている場合は、大変感謝します。

Answer 1

これは、datalabels フィールドがなくても機能しました (Chartjs-plugin-datalabels.js ライブラリをインストールする必要があるため)。

したがって、基本的に ChartOptions 設定は、指定したものと似ています。

リーリー

これは、チャートをキャンバス要素にレンダリングする方法です。

リーリー

デモ @ StackBlitz