使用 chart.js 版本 3，如何創建帶鏈接的自定義標簽？

Question

我正在使用 Charts JS，我想在堆疊條形圖上創建一些自定義標簽。 我正在嘗試重新創建以下圖表：

如何創建上面紅色圈出的自定義標簽？ 我想鏈接到帶有這些標簽的其他頁面。 實際上，粗體文本將鏈接到一個頁面，而普通文本將鏈接到另一頁。

另外，當沒有足夠的空間在欄上顯示時，您將如何 label 每個欄的值從欄上掉下來？ 請參見圖表右側的“4%”或“6%”。

我還想知道如何在每個堆疊條之間放置邊距。 查看上圖中每個條形之間的垂直空白。

對上述問題的任何幫助將不勝感激。 謝謝。

Answer 1

我最終使用 div 和寬度創建了自己的圖表。 如果您自己構建，有時您可以更好地控制外觀。