ChartJS - Показывать дни по оси X в формате времени набора данных ГГГГ-ММ-ДД ЧЧ: ММ? - PullRequest
Новая
       15

ChartJS - Показывать дни по оси X в формате времени набора данных ГГГГ-ММ-ДД ЧЧ: ММ?

0 голосов
/ 30 сентября 2018

Я использую обертку реагировать на чарты для chart.js в моем проекте реагирования.Мой набор данных - это дата с отметкой времени вместе со значением. 

{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 %'
                            }
                        }]
                    }
                }}
            />

Так что возможно с тем же набором данных?Спасибо

...