代替日期的null值导致使用图表js时浏览器崩溃

时间:2019-04-05 11:31:12

标签: reactjs chart.js

This is screeenshot of the error that i am getting我正在使用chart.js库在X轴和相应的Y轴值上显示时间。当我将x的一些值传递为null时,它将使浏览器崩溃。如果我将所有x值都传递为null,那么它将正常工作(不会导致浏览器崩溃)。 moment.js中的

失败

我通过了此线程,并将我的chart.js版本升级到2.7.2。但是仍然面临着同样的问题。

这是我正在使用的示例数据:

        { x: "2019-04-05 16:06:48", y: 89 },
        { x: "2019-04-05 16:03:47", y: 52 },
        { x: "2019-04-05 16:00:48", y: 31 },
        { x: "2019-04-05 15:57:49", y: 76 },
        { x: "2019-04-05 15:54:49", y: 4 },
        { x: "2019-04-05 15:51:49", y: 39 },
        { x: "2019-04-05 15:48:49", y: 11 }

这很好,因为任何x值都没有null,但是如果我按如下方式替换一些x值,则它将失败:

        { x: "2019-04-05 16:06:48", y: 89 },
        { x: "2019-04-05 16:03:47", y: 52 },
        { x: "2019-04-05 16:00:48", y: 31 },
        { x: null, y: 76 },
        { x: "2019-04-05 15:54:49", y: 4 },
        { x: "2019-04-05 15:51:49", y: 39 },
        { x: "2019-04-05 15:48:49", y: 11 }

我希望即使在x的空值下,它也应该呈现图形,就像在此给定示例中将x的值替换为null一样: https://embed.plnkr.co/JOI1fpgWIS0lvTeLUxUp/

2 个答案:

答案 0 :(得分:0)

我猜momentjs不喜欢尝试将null转换为日期。因此,我建议您在将其提供给momentjs之前检查null或考虑一些默认值-这是一个日期,但不要使用null。

如果您不在乎,可以放

moment().format() // instead of null

答案 1 :(得分:0)

我将chart.js的版本从2.8.0降级到2.6.0,这对我有用。我认为chart.js的最新(2.8.0)版本中有任何错误。