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开始

回答

相关问题