大規模なアプリケーションを開発しているのですが、グラフ自体の外側の円グラフまたはドーナツ グラフにラベルを配置できると非常に便利です。
このプラグイン、outerLabels はまさに私が探しているものですが、何も出力できません。
Chart.js を使用してこれを実現する方法が見つからなかったので、これが私が今行き詰まっていることです。
プラグインをインポートしました
「chartjs-plugin-outerlabels」からインポート{};
import 'chartjs-plugin-outerlabels';
これは、グラフ オプションの設定方法の例です:
リーリー以下は、プロジェクト自体内のドーナツ チャートの例です:
誰かがこのプラグインを動作させるのを手伝ってくれたり、この問題に対する別の解決策を持っている場合は、大変感謝します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これは、
datalabelsフィールドがなくても機能しました (Chartjs-plugin-datalabels.js ライブラリをインストールする必要があるため)。したがって、基本的に
リーリーChartOptions設定は、指定したものと似ています。これは、チャートをキャンバス要素にレンダリングする方法です。
リーリーデモ @ StackBlitz