上週江明勳老師提到他找到一個滿不錯的「雷達圖產生器」，但是它無法更改文字的字型大小，也無法由網址帶預設的參數......；前幾天 HTML5 圓面積小教具完成了，就開始在 GitHub 中找有沒有可以參考的程式。GitHub 中用「radar chart」的關鍵字可以找到不少專案，其中 D3.js 和 Chart.js 相關的專案還不少。本來我已經動手用 JavaScript Canvas API 在畫雷達圖，一接觸了 Chart.js，它超強的程式庫，讓我完全不想自己「造輪子」了，直接用 Chart.js 搭配自己的前後端輸入、輸出程序就滿有樣子了，能有網路中眾高手打造的利器可用，真是件幸福的事呢！這個 HTML5 雷達圖產生器截圖如下：
 |
| HTML5雷達圖產生器截圖 |
使用 HTML5 雷達圖產生器
想要體驗一下這個簡易旳雷達圖產器，按一下底下的紅色按鈕，即可開啟工具：
功能簡介
底下簡單地介紹一下HTML5 雷達圖產生器的功能：
- 可自訂圖例標題、資料向度數、字型大小、曲線張力及雷達圖片的尺寸大小。
- 可匯出成透明背景的 PNG 圖形檔。
- 可產生帶有參數設定值的網址，只要使用該網址，即可重現原圖的內容。
相關連結
更新記錄
- 2023.11.27 支援多類別。
- 2023.11.25 初版。
發表文章
沒有留言:
張貼留言