我正在使用D3 JS V4创建折线图。请参阅fiddle。
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值开始?
答案 0 :(得分:2)
您不应使用具有相关带宽的频段。例如,对条形图使用带尺。
另一种方法是使用点比例:
var x = d3.scalePoint()
.rangeRound([0, width])
.padding(0.5);
以下是更新小提琴:https://jsfiddle.net/gzf7o6sh/