L@gcU 1@X K"Y^ҚTy"a"*z0uN(x`X@v[6Ʀ{ %uZTNTzIăj1Do[L\׺%TO4Y{v- YObidddates2024-12-18T23:55:00etitlexOデータラベル表示プラグイン付きChart.jsをESモジュール対応dtagsc#jscurlxhttps://fukuno.jig.jp/4529dbodyyZ グラフ表示に便利な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に育てましょう！ cimgxGhttps://img.sabae.cc/data/2055/19ebfb33-d284-454f-a957-f9faa0b07805.jpg