D3 JS折線圖從0開始

我正在使用D3 JS V4創建折線圖。請參考fiddle。D3 JS折線圖從0開始

var line = g.append("path") 
    .data([lineData]) 
    .attr("class", "line") 
    .attr("d", valueLine) 
    .style("fill", "none") 
    .style("stroke-width", 2) 
    .style("stroke", "#000");

路徑從x軸的0開始。根據數據，它應該從第一個x值開始。如何讓路徑從第一個x值開始？

來源

2017-06-12 shafeequemat

撥弄不工作 –

您現在可以檢查？小提琴現在工作。 – shafeequemat

您不應使用具有相關帶寬的頻段。例如，使用條形圖作爲條形圖。

一個替代方案是用一個點，而不是規模：

var x = d3.scalePoint() 
.rangeRound([0, width]) 
    .padding(0.5);

這裏是更新小提琴：https://jsfiddle.net/gzf7o6sh/

來源

2017-06-12 09:48:16

非常感謝。正是我想要的。 – shafeequemat

D3 JS折線圖從0開始

回答

相關問題