如何解决D3散点图转换符号
我正在寻找示例代码,该示例如何加载自定义散点图符号(如屏幕截图中的箭头)并在每个散点处对其进行变换(旋转/缩放)。 d3库完全有可能吗?
解决方法
要制作符号,可以使用SVGPathEditor之类的符号来生成符号的路径。
然后,根据需要旋转rotate()
属性中的translate
。
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)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。