ChartJS-以数据集时间格式YYYY-MM-DD HH:MM在X轴上显示天数?

时间:2018-09-30 09:41:15

标签: javascript reactjs graph charts chartkick

我在我的React项目中为chart.js使用react-chartkick包装器。我的数据集是带有时间戳的日期和值。

{14-12-31 04:05:00: 71.11000061035156, 14-12-31 04:10:00: 71.11000061035156, 14-12-31 04:15:00: 71.11000061035156, 14-12-31 04:20:00: 71.11000061035156, 14-12-31 04:25:00: 71.11000061035156, …}

我得到的图是这个 enter image description here

我想要的是x轴上的天,具有相同的数据点,如下所示 enter image description here

我尝试过的是xaxes的其他特性,但是没有运气

              <LineChart
                data={data}
                colors={[REPORT_LINE_CHART_COLOR]}
                discrete={true}
                curve={true}
                dataset={{ borderWidth: 2, pointRadius: 0 }}
                library={{
                    scales: {
                        xAxes: [{
                            type: 'time',
                            time: {
                              displayFormats: {
                                'millisecond': 'MMM DD',
                                'second': 'MMM DD',
                                'minute': 'MMM DD',
                                'hour': 'MMM DD',
                                'day': 'MMM DD',
                                'week': 'MMM DD',
                                'month': 'MMM DD',
                                'quarter': 'MMM DD',
                                'year': 'MMM DD',
                              },
                              round: 'day',
                              unit: 'day',
                            },
                          }],
                        yAxes: [{
                            ticks: {
                                fixedStepSize: 10
                            },
                            scaleLabel: {
                                display: true,
                                labelString: 'Average Fan Speed %'
                            }
                        }]
                    }
                }}
            />

使用同一数据集可能吗?谢谢

0 个答案:

没有答案