2024-12-12
#js 
レーダーチャートをJavaScriptで描画したいとChatGPTに聞いたらChart.jsをオススメされました。2020年、新型コロナウイルス対策ダッシュボードの開発過程で出会った定番グラフライブラリのひとつです。


「ESモジュール版Chart.jsを使ったレーダーチャートサンプル on ss.sabae.cc」

公式ではまだESモジュールに対応していないようなので、最新版をダウンロードしてESモジュール化して公開する、Chart-esとしてアップデート。importしてスッキリ使えます。


「Chart-es - Chart.js - ES module version」

Chart-esは、CDNからumd版をダウンロードし、exportする文を追加するmake.jsが肝。 const url = "https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js"; const txt = await (await fetch(url)).text(); const es = txt + "\n\nconst Chart = window.Chart;\nexport { Chart };\n"; await Deno.writeTextFile("Chart.js", es); 広めていきましょう、ESモジュール!

links
- 病床使用率をモニタリング!福井で初の感染者、感染症病床数は48、みんなで打ち勝つ新型コロナ、Let's Code for 地元!

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