Question

您好。有没有办法为d3js折线图设置限制线？表示沿x轴的限制线，显示最大限制！

svg.append( "line" )
.attr("x1", x( x.domain()[0] ) )
.attr("y1", y( 80 ) )   // whatever the y-val should be

这是我现在使用的代码。但是没有工作。对css部分有疑问

任何人都可以给我一个详细的概述吗？

Answer 1

最后我得到了我的问题的答案。希望这将有助于将来的某些人。非常感谢所有回复我的问题的人。

.line {
stroke: #993300;
fill: none;
stroke-width: 0.75px;
}

.line.line5 {
 stroke:red; 
}


var valueline2 = d3.svg.line()

.x(function(d) { return main_x(d.date); })

.y(function(d) { return main_y0(Value); });

 var main1 = svg.append("g")

.attr("transform", "translate(" + main_margin.left + "," + main_margin.top + ")"); 


 main1.append("path")
    .datum(data)
    .attr("clip-path", "url(#clip)")
    .attr("class", "line line5")
    .style("stroke-dasharray", ("3, 3"))
    .attr("d", valueline2);

    main1.append("text")      
        .attr("x", 890)
        .attr("y",  65 )
        .style("text-anchor", "middle")
      .text("Value");

将限制线添加到D3.js折线图

1 个答案: