將限制線添加到D3.js線圖

嗨。有沒有辦法爲d3js線條圖設置限制線？意味着沿x軸的極限線顯示最大限制！將限制線添加到D3.js線圖

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

這是我的代碼已經使用rightnow.but沒有用CSS部分working.having疑問

任何人都可以請給我一個詳細的介紹？

來源

2014-06-10 giya

請提供[jsfiddle]（http://jsfiddle.net）與 – Imperative

一起使用要創建一條線，您必須定義兩個點。 –

http://stackoverflow.com/questions/15116933/add-limit-lines-to-d3-js-line-graph這是類似於我需要的東西，但不是真的工作。我不能上傳圖像並感謝Imperative和AntoJurković的迴應。特別感謝Neeku – giya

最後，我得到了我的問題的答案。希望這將有助於未來的人。感謝所有誰迴應了我的查詢。

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

來源

2014-06-24 09:50:20 giya

將限制線添加到D3.js線圖

回答

相關問題