如何仅突出显示NVD3折线图中的某些坐标？

有人可以告诉我如何仅根据某些条件突出显示NVD3折线图中的某些坐标，例如，如果x轴值大于100，则突出显示该坐标。

请参见图片： http ： //i.stack.imgur.com/AHJaK.jpg

已经问过这个问题或类似的问题，但我没有看到答案。 提前致谢。

如何在NVD3中突出显示简单折线图上的点？

Answer 1

NVD3 API不允许您这样做，因此您必须“破解”它并突出显示您自己感兴趣的数据点。 一般方法是通过过滤数据为相关数据点创建圆圈：

var data = d3.select('#chart svg').datum(); d3.select('.nv-groups') .selectAll("circle.myPoint") .data(data.filter(function(d) { return dy > 3000; })) .enter().append("circle").attr("class", "myPoint") .attr("cx", function(d) { return chart.xAxis.scale()(dx); }) .attr("cy", function(d) { return chart.yAxis.scale()(dy); }) .attr("r", 5); 

这里数据中第一个系列的完整演示。