在哪里修改x轴长度。 AKA我想在图表中显示未来几年

Question

我正在使用此图表： https://dev-sandbox-is-web.pantheonsite.io/resource/the-value-of-volunteer-time/

数据从CSV中提取。该图表自动缩放年份，仅显示年份。我如何控制这一点，以便显示所有年份或强制显示2018年的时间线，尽管当年还没有数据？

我只需要知道我需要修改哪个参数，我可以完成其余的文档。

Answer 1

您要进行的更改如下：

var xExtent = d3.extent(data, function(d) { return d.year; });
var yExtent = d3.extent(data, function(d) { return d.value; });
var x = d3.time.scale().domain(xExtent);
var y = d3.scale.linear().domain(yExtent);

而是更改您的xExtent = [d3.min(data, d=>d.year), d3.max(data, d=>d.year) + someFactor]，其中某些因素可能会增加两年。

我的建议是添加2 * 3.154e+10，因为3.154e+10是一年（毫秒），这可能就是幕后使用的内容。

另一种方法（有点硬编码）是xExtent = [d3.min(data, d=>d.year), 2018]，并使2018最大。这当然不太可持续，因为随着您的数据变得更新，图表不会总是显示2年。