Javascript ApexCharts数据未正确渲染

据我所知，我已经镜像了系列格式，如ApexCharts的示例所示，但图表看起来确实错误

我已经用我的测试数据和笨拙的图表绘制了一个代码笔。 我尝试过不同的日期格式，但它们呈现的都一样

],

---

有人能看到我的数据哪里出了问题吗？

对于未来关注这一问题的人来说，这种奇怪源自一个核心问题。对于时间线图表，所有系列都需要具有相同的日期数据点，否则图表将无法正确呈现

以下是正确数据的示例：

[{
    "totalCount": 15,
    "name": "Damage",
    "data": [
        [ "2019-11-03", 0],
        [ "2019-11-05", 1],
        [ "2019-11-12", 2],
        [ "2019-11-25", 3],
        [ "2019-12-01", 3],
        [ "2019-12-03", 4],
        [ "2019-12-04", 5],
        [ "2019-12-08", 6],
        [ "2019-12-11", 6],
        [ "2019-12-12", 6],
        [ "2019-12-17", 7],
        [ "2019-12-18", 8],
        [ "2019-12-19", 14],
        [ "2019-12-20", 15],
        [ "2019-12-21", 15]
    ]
},
{
    "totalCount": 4,
    "name": "Injury",
    "data": [
        [ "2019-11-03", 0],
        [ "2019-11-05", 0],
        [ "2019-11-12", 0],
        [ "2019-11-25", 0],
        [ "2019-12-01", 0],
        [ "2019-12-03", 0],
        [ "2019-12-04", 0],
        [ "2019-12-08", 0],
        [ "2019-12-11", 0],
        [ "2019-12-12", 0],
        [ "2019-12-17", 0],
        [ "2019-12-18", 1],
        [ "2019-12-19", 4],
        [ "2019-12-20", 4],
        [ "2019-12-21", 4]
    ]
}
//...,
]

代码笔：

var选项={
图表：{
身高：350，
类型：“区域”，
对,，
活动：{
选择：功能（图表，e）{
日志（新日期（e.xaxis.min））；
}
}
},
颜色：[“008FFB”、“00E396”、“CED4DC”]，
数据标签：{
已启用：false
},
笔划：{
曲线：“平滑”
},
系列：[
{
名称：“损害”，
数据：[
[1572912000000, 1],
[1573516800000, 2],
[1574640000000, 3],
[1575331200000, 4],
[1575417600000, 5],
[1575763200000, 6],
[1576540800000, 7],
[1576627200000, 8],
[1576713600000, 14],
[1576800000000, 15]
]
},
{
姓名：“伤害”，
数据：[[157627200000,1]，[157613600000,4]]
},
{
名称：“滑倒/坠落”，
数据：[
[1572739200000, 1],
[1576022400000, 2],
[1576108800000, 3],
[1576540800000, 5]
]
},
{
名称：“溢出”，
数据：[[157627200000,1]，[1576713600000,7]，[15768000000000,8]]
},
{
姓名：“人员”，
数据：[
[1572912000000, 1],
[1573516800000, 2],
[1574640000000, 3],
[1575331200000, 4],
[1575417600000, 5],
[1575763200000, 6],
[1576540800000, 7],
[1576627200000, 9],
[1576713600000, 12]
]
},
{
名称：“设备”，
数据：[]
}
],
填写：{
类型：“梯度”，
坡度：{
不透明度自：0.6，
不透明度：0.8
}
},
图例：{
位置：“顶部”，
水平对齐：“左”
},
xaxis：{
类型：“日期时间”
}
};
var图表=新的ApexCharts（document.querySelector（“图表”），选项）；
chart.render（）；
/*
//此函数将生成此格式的输出
//数据=[
[时间戳，23]，
[时间戳，33]，
[时间戳，12]
...
]
*/
函数generateDayWiseTimeSeries（baseval、count、yrange）{
var i=0；
var系列=[]；
而（我<计数）{
var x=baseval；
变量y=
floor（Math.random（）*（yrange.max-yrange.min+1））+yrange.min；
系列推送（[x，y]）；
baseval+=86400000；
i++；
}
返回序列；
}

[{
    "totalCount": 15,
    "name": "Damage",
    "data": [
        [ "2019-11-03", 0],
        [ "2019-11-05", 1],
        [ "2019-11-12", 2],
        [ "2019-11-25", 3],
        [ "2019-12-01", 3],
        [ "2019-12-03", 4],
        [ "2019-12-04", 5],
        [ "2019-12-08", 6],
        [ "2019-12-11", 6],
        [ "2019-12-12", 6],
        [ "2019-12-17", 7],
        [ "2019-12-18", 8],
        [ "2019-12-19", 14],
        [ "2019-12-20", 15],
        [ "2019-12-21", 15]
    ]
},
{
    "totalCount": 4,
    "name": "Injury",
    "data": [
        [ "2019-11-03", 0],
        [ "2019-11-05", 0],
        [ "2019-11-12", 0],
        [ "2019-11-25", 0],
        [ "2019-12-01", 0],
        [ "2019-12-03", 0],
        [ "2019-12-04", 0],
        [ "2019-12-08", 0],
        [ "2019-12-11", 0],
        [ "2019-12-12", 0],
        [ "2019-12-17", 0],
        [ "2019-12-18", 1],
        [ "2019-12-19", 4],
        [ "2019-12-20", 4],
        [ "2019-12-21", 4]
    ]
}
//...,
]