D3 JS折线图从0开始

时间:2017-06-12 09:08:59

标签: javascript d3.js svg

我正在使用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值开始?

1 个答案:

答案 0 :(得分:2)

您不应使用具有相关带宽的频段。例如,对条形图使用带尺。

另一种方法是使用点比例:

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

以下是更新小提琴:https://jsfiddle.net/gzf7o6sh/