突出显示jsD3区域图形上的重要点

时间:2014-05-22 20:03:57

标签: d3.js highlight stacked-area-chart

我有一个jsD3区域图形,数据包含某些指标的每日值,很多天我都有相同的值,所以我的图表在值上升或下降时在某些点处有峰值,而日期的水平线为价值是一样的。如何用圆圈突出显示“峰值”(当数据与前几天不同,增加或减少时)?

如果我为相同的数据渲染圆圈,它们会为具有相同值的日期重复一个接近另一个的圆圈。

例如,请考虑以下示例:http://bl.ocks.org/mbostock/3883195但使用此数据:

date    close
14-May-14   10
15-May-14   10
16-May-14   12
17-May-14   12
18-May-14   10
19-May-14   10
20-May-14   10
21-May-14   10
22-May-14   28
24-May-14   39
25-May-14   39
26-May-14   49
27-May-14   49
28-May-14   59
28-May-14   48
30-May-14   49

这是渲染图表: enter image description here

我想突出显示值更改,因此生成的图表如下所示: enter image description here

1 个答案:

答案 0 :(得分:0)

我猜这已经很晚了,但我最近一直在研究类似的事情:

d3.select('#chart1 svg').selectAll("circle.nv-point")        
   .data(testdata[0].values)                                                                 
.filter(function(d) {return d.y > 20000; })
    .style("fill-opacity",1);

以上是我到目前为止所使用的内容,它突出显示了值大于20000的所有点(当然这对你来说是不同的)并使点可见。

希望这对一些人有所帮助,我是d3的新手并且一直试图找到与你类似问题的答案。