为什么在给定数据点时我的系列图表没有显示预期的图形?

Why is my serial chart is not showing the expected graph when given my data points?

我正在创建一个系列图表并传递一些数据点。但是,我希望根据我的数据,图中的每条线都应该显示为从左到右上升的阶梯。相反,我得到了乱码。这是我的代码和我包含的数据点。此外,当我仅包含前 5 个数据点时,该图似乎工作正常,但是当我添加第 6 个数据点时,该图消失了。似乎这些问题是相关的,但我不知道如何。

前五个数据点(图表开始很好):

{
"date": "2016-7-15",
"value4": 20,
"value1002": 10
}, {
"date": "2016-7-16",
"value4": 20,
"value1002": 10
}, {
"date": "2016-7-17",
"value4": 20,
"value1002": 10
}, {
"date": "2016-7-18",
"value4": 20,
"value1002": 10
}, {
"date": "2016-7-19",
"value4": 20,
"value1002": 10
}

和第六个数据点(图表中断):

{
"date": "2016-7-20",
"value4": 30,
"value1002": 10
}

这是一个 fiddle,其中包含我的所有数据点:

http://jsfiddle.net/qzdwq0f3/2/

问题是您的 dataDateFormat 与您的日期格式不匹配。 dataDateFormat 仅支持两位数的月份和两位数的天数 per the documentation,因此解析器在看到没有前缀为零的单个数字值时会感到困惑(请注意,您的前五个日期被解释为当您注释掉其余日期时,12 月的日期不正确)。您需要在您的个位数月份和日期前加上零 a,以便正确解释您的日期。

这是您的 fiddle 的更新版本,在您的 dataProvider 中包含 YYYY-MM-DD 日期:http://jsfiddle.net/qzdwq0f3/4/