React Chartkick Chartjs Xaxis线和数字丢失

Question

我正在创建一个图表，它没有显示3号x轴线，如所附图像所示。我尝试了chartjs和chartkick中可用的其他选项属性，但没有得到解决。

enter image description here

这是反应代码：

Here is the react code:

import React from 'react';
import { LineChart } from 'react-chartkick';
import 'chart.js';

let data = [
{
name: 'Category 1',
data: { '25-May-19': 2.88, '01-Sep-19': 1, '05-Sep-19': 1 }
},
{
name: 'Category 2',
data: { '25-May-19': 2.76, '01-Sep-19': 5, '05-Sep-19': 5 }
},
{
name: 'Category 3',
data: { '25-May-19': 3.44, '01-Sep-19': 5, '05-Sep-19': 5 }
},
{
name: 'Category 4',
data: { '25-May-19': 3.99, '01-Sep-19': 1, '05-Sep-19': 1 }
},
{
name: 'Category 5',
data: { '25-May-19': 4.12, '01-Sep-19': 5, '05-Sep-19': 5 }
},
{
name: 'Category 6',
data: { '25-May-19': 2.8, '01-Sep-19': 5, '05-Sep-19': 5 }
},
{
name: 'Category 7',
data: { '25-May-19': 3.86, '01-Sep-19': 5, '05-Sep-19': 5 }
}
];

export default function ProgressGraph(props) {
return (
<LineChart data={data} curve={false} adapter="chartjs" min={1} max={5} />
);
}