修改 X 轴长度的位置.又名我想在图表中显示未来的年份

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 年的额外时间。