我知道当您想在折线图上添加圆圈(点)时,这是一种方法
pathContainers.selectAll('circle')
.data(function (d) { return d; })
.enter().append('circle')
.attr('cx', function (d) { return xScale(d.x); })
.attr('cy', function (d) { return yScale(d.y); })
.attr('r', 3);
但是我只想在最高点和最低点上画圈。我该怎么做?
在这里,我发现了d3图表的JSBIN,其中包含上面的代码,也许这是一个很好的示例
将半径更改为:
.attr('r', function (d) {
return d.y == yExtents[0] || d.y == yExtents[1] ? 3 : 0;;
})
这样,只有最高点和最低点将具有一个可见半径的圆,其他点将具有半径为0的圆
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句