D3 散点图变换符号

【问题标题】：D3 scatter plot transform symbolsD3 散点图变换符号
【发布时间】：2020-08-24 18:42:53
【问题描述】：

我正在寻找如何加载自定义散点图符号（屏幕截图中的箭头）并在每个散点处对其进行转换（旋转/缩放）的示例代码。 d3 库有可能吗？

【问题讨论】：

【解决方案1】：

要制作符号，您可以使用SVGPathEditor 之类的东西来为您的符号生成路径。

然后，根据需要使用translate 属性中的rotate() 旋转。

svg.append("g")
    .selectAll("path")
    .data(data)
    .join("path")
      .attr("transform", d => `translate(${x(d.x)},${y(d.y)}) rotate(45)`)
      .attr("d", YOUR_SVG_PATH_HERE)

【讨论】：

谢谢，我试试看！