如何自定義 D3 圖表標簽

Question

我有一個我正在嘗試組合的自定義圖表。 該圖表將具有響應性，並且需要如下所示。

我不確定如何做外部灰色刻度。 我擁有的工作代碼無法正確顯示。

標簽上的任何提示也很棒。

目前它看起來像這樣。 工作演示

Answer 1

不是 React 用戶，也從未聽說過 PieHooks 等，但感謝你的工作演示，我可以擺弄一下，看到刻度值沒有設置為圓圈周圍的絕對值，而是偏移到最后一個刻度 - 就像中的“數據”事實。

例如，這給出了 36 個均勻間隔的刻度（盡管我不知道為什么它們開始略微偏離垂直）：

  for (let i = 0; i < 36; i += 1) {
      dataTicks.push({value: 1});
  }

希望這會有所幫助