1.
d3.symblo()
d3
提供的符号的生成器,原理是通过path画出的形状;d3
提供了7种不同的的符号:circle, cross, diamond, square, star, triangle, and wye,
如下图;对应d3.symbols[n]
中n
代表的0,1,2,3,4,5,6
;
2.
demo
-
曲线图标识案例,注意定位
symbol
的时候要使用translate
let n = Math.round(Math.random()*6) enterDot.append("path").attr("class","dot").attr("transform",function(d){return `translate(${xScale(d.x)},${yScale(d.y)})`}).attr("d",d3.symbol().type(function (d, i) { return d3.symbols[n];}).size(200)).style("fill","green")
源码:
demo: