График времени Chartjs xAxis показывает 1970 год - PullRequest
Новая
       9

График времени Chartjs xAxis показывает 1970 год

0 голосов
/ 02 декабря 2018

Я пытаюсь построить серию измерений (проиндексированных по меткам времени).Когда я пытаюсь построить пример даты, xaxis колеблется от 1970 до 2018, хотя данные существуют только в 2018-12.

Какой параметр правильно масштабирует xaxis? 

document.addEventListener("DOMContentLoaded", function(event) {
    var ctx = document.getElementById("plot").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: ["Value"],
            datasets: [{
                'label': 'Value',
                'data': [
                    {t: '2018-12-01T12:00:00', y: 100},
                    {t: '2018-12-02T12:00:00', y: 90},
                    {t: '2018-12-03T12:00:00', y: 85},
                    {t: '2018-12-04T12:00:00', y: 86},
                    {t: '2018-12-05T12:00:00', y: 77},
                    {t: '2018-12-06T12:00:00', y: 73},
                    {t: '2018-12-07T12:00:00', y: 72},
                    {t: '2018-12-08T12:00:00', y: 70},
                    {t: '2018-12-15T12:00:00', y: 71},
                    {t: '2018-12-16T12:00:00', y: 72},
                    {t: '2018-12-17T12:00:00', y: 69},
                    ],
                'fill': false,
            }],
        },
        options: {
            responsive: true,
            title: {
                display: true,
                text: 'foobar',
            },
            scales: {
                xAxes: [{
                    type: 'time',
                    display: true,
                    time: {
                        parser: "YYYY-MM-DDTHH:mm:ss",
                    },
                }]
            },
        },
    });
});

Ответы [ 2 ]

0 голосов
/ 09 июля 2019

Не знаю, поможет ли это вам, но когда я попытался добавить дату «2017/02/29», ось x также восходит к 1970 году, потому что в феврале 2017 года было только 28 дней!

0 голосов
/ 02 декабря 2018 
 type: 'time',
                display: true,
                time: {
                    parser: "YYYY-MM-DDTHH:mm:ss",
                },

Вы можете добавить в масштабе> xAxes> время в соответствии с ChartJS И вы можете также использовать добавление формата времени MomentJS 

     type: 'time',
     display: true,
     distribution: 'series',
                time: {
                   unit:"year",
                   displayFormats:{year:'YYYY'},
                   min:'1970' ,
                   max:'2018',
                }
...