Как я могу показать свой собственный формат времени (день-месяц-год-час: мин: сек) на графике chartjs? - PullRequest
Новая
       37

Как я могу показать свой собственный формат времени (день-месяц-год-час: мин: сек) на графике chartjs?

1 голос
/ 30 марта 2019

Я хочу показать свой собственный формат времени (день-месяц-год: мин: сек -> например: 01-05-2019 14:06:47 PM) на графике chartjs
Как я могу показать на графике формат даты xAxis, как это >>
День-Месяц-Год Час: Мин: сек -> пример: 01-05-2019 14:06:47 PM
формат времени timeFormat = 'DD/MM/YYYY h:mm:ss a', но на графике показаны только месяц, день, год

Это мой код ниже и:
Онлайн-код включен >>> https://codepen.io/sibche2013/pen/XQWWbb

var timeFormat = 'DD/MM/YYYY h:mm:ss a';

    var config = {
        type:    'line',
        data:    {
            datasets: [

                {
                    label: "UK Dates",
                    data:  [{
                        x: "01-04-2014 02:15:50", y: 175
                    }, {
                        x: "12-04-2014 12:19:27", y: 177
                    }, {
                        x: "23-04-2014 22:25:47", y: 178
                    }, {
                        x: "28-04-2014 14:46:40", y: 182
                    }],
                    fill:  false,
                    borderColor: 'blue'
                }
            ]
        },
        options: {
            responsive: true,
            title:      {
                display: true,
                text:    "Chart.js Time Scale"
            },
            scales:     {
                xAxes: [{
                    type:       "time",
                    time:       {
                        format: timeFormat,
                        tooltipFormat: 'll'
                    },
                    scaleLabel: {
                        display:     true,
                        labelString: 'Date'
                    }
                }],
                yAxes: [{
                    scaleLabel: {
                        display:     true,
                        labelString: 'value'
                    }
                }]
            }
        }
    };

    window.onload = function () {
        var ctx       = document.getElementById("canvas").getContext("2d");
        window.myLine = new Chart(ctx, config);
    };
...