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

Javascript 如何仅突出显示NVD3线图中的某些坐标?,javascript,jquery,d3.js,nvd3.js,Javascript,Jquery,D3.js,Nvd3.js,有人能告诉我如何根据某些条件只突出显示NVD3线图中的某些坐标吗 如果x轴值大于100,则高亮显示该坐标 请参见以下图片: 有人问过这个问题或类似的问题,但我看不到答案。 提前谢谢 NVD3 API不允许您这样做,因此您必须“破解”它并突出显示您感兴趣的数据点。一般方法是通过过滤数据为相关数据点创建圆: var data = d3.select('#chart svg').datum(); d3.select('.nv-groups') .selectAl

有人能告诉我如何根据某些条件只突出显示NVD3线图中的某些坐标吗 如果x轴值大于100,则高亮显示该坐标

请参见以下图片:

有人问过这个问题或类似的问题,但我看不到答案。 提前谢谢


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);

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

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);

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

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);

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

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);


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

NVD3 API不允许您这样做。感谢Lars的评论,我可以只用D3或任何其他javascript库来完成吗?是的,您可以手动选择相关节点并应用必要的样式。感谢快速响应,任何示例都将不胜感激。这里有一个快速演示:NVD3 API不允许您这样做。感谢Lars的评论,我可以只用D3或任何其他javascript库来完成吗?是的,您可以手动选择相关节点并应用必要的样式。感谢您的快速响应,任何示例都将不胜感激。这里有一个快速演示:NVD3 API不允许您这样做。感谢Lars的评论,我可以只用D3或任何其他javascript库来完成吗?是的,您可以手动选择相关节点并应用必要的样式。感谢您的快速响应,任何示例都将不胜感激。这里有一个快速演示:NVD3 API不允许您这样做。感谢Lars的评论,我可以只用D3或任何其他javascript库来完成吗?是的,您可以手动选择相关节点并应用必要的样式。感谢您的快速响应,任何例子都将不胜感激。这里有一个快速的演示:我知道这个答案非常古老,试图让它完全像你在第一个系列中所做的那样,但是对于所有被定义为动态的系列。关于这个问题的更多信息:有什么建议吗?谢谢。我知道这个答案非常古老,试图让它完全像你在第一个系列中做的那样,但是对于所有被定义为逻辑的系列。关于这个问题的更多信息:有什么建议吗?谢谢。我知道这个答案非常古老,试图让它完全像你在第一个系列中做的那样,但是对于所有被定义为逻辑的系列。关于这个问题的更多信息:有什么建议吗?谢谢。我知道这个答案非常古老,试图让它完全像你在第一个系列中做的那样,但是对于所有被定义为逻辑的系列。关于这个问题的更多信息:有什么建议吗?谢谢