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

Question

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

请看图片：http://i.stack.imgur.com/AHJaK.jpg

已提出此问题或类似问题，但我没有看到任何答案。 提前致谢。

How to highlight a point on a Simple Line Chart in 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 d.y > 3000; }))
            .enter().append("circle").attr("class", "myPoint")
            .attr("cx", function(d) { return chart.xAxis.scale()(d.x); })
            .attr("cy", function(d) { return chart.yAxis.scale()(d.y); })
            .attr("r", 5);

数据here中第一个系列的演示不完整。