javascript - 如何自定义 D3 图表标签

Question

我有一个我正在尝试组合的自定义图表。该图表将具有响应性，并且需要如下所示。

我不确定如何做外部灰色刻度。我拥有的工作代码无法正确显示。

标签上的任何提示也很棒。

目前它看起来像这样。 工作演示

标签： javascriptreactjssvgd3.js

Answer 1

不是 React 用户，也从未听说过 PieHooks 等，但感谢你的工作演示，我可以摆弄一下，看到刻度值没有设置为圆圈周围的绝对值，而是偏移到最后一个刻度 - 就像中的“数据”事实。

例如，这给出了 36 个均匀间隔的刻度（尽管我不知道为什么它们开始略微偏离垂直）：

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

希望这会有所帮助