javascript - d3js 奇怪的日期和数据处理

Question

我采用了以下 d3js 示例:

d3.js Area Chart

并且只是稍微修改了数据。相关修改代码为:

var 数据 = [
{"date":"2000 年 5 月 1 日","close":"100"},
{"date":"2012 年 4 月 30 日","close":"200"},
{"date":"2012 年 4 月 27 日","close":"300"},
{"date":"2012 年 4 月 26 日","close":"400"},
{"date":"2012 年 4 月 25 日","close":"500"},
{"date":"2012 年 3 月 16 日","close":"600"},
{"date":"2012 年 3 月 15 日","close":"500"},
{"date":"2012 年 3 月 14 日","close":"400"},
{"date":"2012 年 3 月 13 日","close":"300"},
{"date":"2012 年 3 月 12 日","close":"200"},
{"date":"12-Mar-2012","close":"100"}
];
var parseDate = d3.time.format("%d-%b-%Y").parse;

第一个和第二个时间戳相差约 12 年。所有其他数据点看起来都受到压力。这是一个错误吗？或者我该怎么做才能保证图表末尾的最后一个数据点不被按下？

Here is an example with jsfiddle

干杯乔尼

Answer 1

它们看起来很紧迫，因为与 12 年相比，最后的条目是一个相对较小的时间范围，我认为如果您只关心数据集中的值，您可以使用“非基于时间”的比例来显示数据