Как изменить интервал оси X на Chart.js - PullRequest
Новая
       9

Как изменить интервал оси X на Chart.js

0 голосов
/ 28 ноября 2018

У меня есть линейный график в Chart.js, и я пытаюсь редактировать интервалы по оси X и Y.

Мои интервалы по оси Y работают, как и ожидалось, но мои интервалы по оси X не соответствуют.

Я попробовал следующий код 

let myChart = new Chart(inputChart, {
    type: 'line',
    data: {
          labels: [1,2,....,360] // list of values from python script
          data: [360 random numbers here] 
    }
    options: {
        scales: {
            yAxes: [{
                id:'main-axis',
                ticks: {
                     stepSize: 40 // this worked as expected
                        }
                   }],
            xAxes: [{
                id: 'main-x-axis',
                ticks: {
                    stepSize: 30 // this did not work as expected
                }
            }]
        }
    }
})

С 360 точками данных яЯ просто хочу видеть 12 интервалов (с шагом 30), но вместо этого я вижу 90 интервалов с шагом 4.Я просто использую неправильное свойство для stepSize?Если так, что является правильным свойством?

1 Ответ

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

Это можно сделать с помощью опции xAxes maxTicksLimit, см. Эту рабочую скрипку -> http://jsfiddle.net/Lzo5g01n/3/

xAxes: [{
    type: 'time',
    ticks: {
        autoSkip: true,
        maxTicksLimit: 20
    }
}]
...