如何使用D3为基于坐标的线设置动态类?

时间:2019-07-02 07:48:48

标签: d3.js

我正在使用D3版本3。我需要根据y1和y2值更改线条的样式。要求是如果y1为0且y2为5,那么我需要一种特定的样式。如果y1是5而y2是-5000,那么我需要一个不同的样式。谁能帮我实现它吗?

let xaxisg = svg.append('g')
      .attr('class', 'x axis')
      .attr('transform', 'translate(' + chartPaddings.left + ',' + chartHeight + ')')
      .call(xAxis)

xaxisg.selectAll("line").data(xScale.ticks(30), function(d) { return d; })
    .enter()
    .append("line")    
    .attr("y1", 5)
    .attr("y2", -5000)
    .attr("x1", xScale)
    .attr("x2", xScale)
    .attr("class", "This should be dynamic based on coordinates");

enter image description here

enter image description here

enter image description here

enter image description here

0 个答案:

没有答案