2024-12-18
#js 
グラフ表示に便利なChart.jsですが、マウスホーバーしないと数が分からないのが不便。ChatGPTで聞いたところ、プラグインによる解決が必要とのこと。


「データラベル付きChart.js - on ss.sabae.cc」

教えてもらったコードを試したら確かに表示できました!AI、えらい!


「RaderChart with Data Labels plugin」

CDNのプラグインを取得し、Chartをimport/exportする形で、プロジェクトにきれいに組み込めるように、ESモジュール化しました。下記のようにプラグイン付きのChartをimportして使います。 import { Chart } from "https://code4fukui.github.io/Chart-es/Chart_plugin_datalabels.js";


「Chart-es on GitHub」

少しずつ対応が広がってきているESモジュール化。いろいろとソースを公開してもっとプログラミングに強いAIに育てましょう!

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS