Javascript Chart.js x轴，日期为DD-MM-YYYY-反应

我正在尝试使用库

Chart.js

显示图形

我的数据格式如下：

data: [["15-11-2019", 25], ["16-11-2019", 35], ["17-11-2019", 40], ["18-11-2019", 20], ["19-11-2019", 15]]

我无法在时间轴中变换x轴

我试图在

选项

参数中传递

时间

类型，但似乎不起作用。 图形进行渲染，但x轴不存在，只有y轴存在

import React, {Component,  useState, useEffect, useCallback} from 'react';
import Plot from 'react-plotly.js';
import { Chart } from 'react-charts'

function MyChart() {
    const data = React.useMemo(
        () => [
            {
                label: 'Series 1',
                data: [["15-11-2019", 25], ["16-11-2019", 35], ["17-11-2019",40], ["18-11-2019", 20], ["19-11-2019", 15]]
            }],
        []
    )

    const axes = React.useMemo(
        () => [
            { primary: true, type: 'linear', position: 'bottom' },
            { type: 'linear', position: 'left' },
        ],
        []
    )

    const options = React.useMemo(
        () => [
            {
        scales: {
            xAxes: [{
                type: 'time',
                time: {
                    unit: 'day'
                }
            }]
        }
    }
        ],
        []
    )

    return (
        // A react-chart hyper-responsively and continuusly fills the available
        // space of its parent element automatically
        <div
            style={{
                width: '600px',
                height: '500px'
            }}
        >
            <Chart data={data} axes={axes} options={options}/>
        </div>
    )
}

export default MyChart;

import React，{Component，useState，useffect，useCallback}从'React'导入；
从“react plotly.js”导入绘图；
从“反应图表”导入{Chart}
函数MyChart（）{
const data=React.usemo(
() => [
{
标签：“系列1”，
数据：[“15-11-2019”，25]，“16-11-2019”，35]，“17-11-2019”，40]，“18-11-2019”，20]，“19-11-2019”，15]]
}],
[]
)
const axes=React.usemo(
() => [
{primary:true，类型：'linear'，位置：'bottom'}，
{类型：'linear'，位置：'left'}，
],
[]
)
const options=React.usemo(
() => [
{
比例：{
xAxes：[{
键入：“时间”，
时间：{
单位：'天'
}
}]
}
}
],
[]
)
返回(
//反应图表以超响应的方式持续填充可用的
//其父元素的空间将自动
)
}
导出默认MyChart；

---

更新：请参阅文档中关于格式的这一行

当使用时间刻度时，可以通过t或x属性另外指定x轴数据点。 在这里看到更多

数据字段必须是x，y值的字典/对象：

data: [{x: "2019-01-03", y: 15}, {x: "2019-01-04", y: 18}, ...]

---

创建图表时，在

选项中设置
类型
。比例
：

...,
options: {
 scales: {
  xAxes: [{
   type: 'time',
  }]
},
...