Как сделать так, чтобы xAxis (time schale) показывал только последние 12 месяцев? - PullRequest
0 голосов
/ 20 декабря 2018

Итак, обычно есть два вопроса.Извините, если они слишком простые, я только начинающий.

  1. xAxis - это временная шкала.На данный момент он показывает только названия месяцев.клиент попросил меня переделать его так, чтобы он показывал последние 12 месяцев года, начиная с декабря 2017 года. Есть ли способ сделать это?

  2. Я должен сделатьтаблица со всеми данными.Есть ли в chart.js функция для этого?

Вот мой код:

var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "Nevember", "December"];
var config = {
    type: 'line',
    data: {
        labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "Nevember", "December"],
        datasets: [{
            label: "Sales",
            backgroundColor: window.chartColors.red,
            borderColor: window.chartColors.red,
            data: [

                12,
                20,
                32,
                31,
                56,
                58,

            ],
            fill: false,
        }]
    },
    options:
    {
        responsive: true,
        title:{
            display:true,
            text:'Growth'
        },
        tooltips: {
            mode: 'index',
            intersect: false,
        },
        hover: {
            mode: 'nearest',
            intersect: true
        },
        scales: {
            xAxes: [{
                display: true,
                scaleLabel: {
                    display: true,
                    labelString: 'Month'
                }
            }],
            yAxes: [{
                display: true,
                scaleLabel: {
                display: true,
                labelString: 'Growth'
            },
            ticks:{
                min: 0,
                max: 100,
                beginAtZero: true, 
                stepSize: 10
            }
            }]
        }
    }
};

window.onload = function() {
    var ctx = document.getElementById("chart-0").getContext("2d");
    window.myLine = new Chart(ctx, config);
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...