[筆記] Chart.js 新增自定義的 Tooltip

筆記一下如何在 Chart.js 中新增自己定義的 Tooltip。

---

內容

由 3 個部分組成：

1. 一個 Plugin，讓 Instance 可以有自定義的 state 以及把 resize 條件觸發時，可以將該 Tooltip 所在 div 移除
2. 運用 @floating/ui  來計算 Tooltip 所在位置
3. chart 容器的座標和 tooltip 在 Chart Instance 的相對座標，要透過 Chart Instance 取得

程式碼

按讚加入粉絲團