如何仅突出显示 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 不允许您这样做，因此您必须 "hack" 它并突出显示您自己感兴趣的数据点。一般方法是通过过滤数据为相关数据点创建圆圈：

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。

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

How to highlight only certain coordinates in NVD3 line graph?

javascript

jquery

d3.js

nvd3.js