Установка минимальных и максимальных значений chart.js

1

Для графика, который я делаю с Chart.js, я пытаюсь установить max. и минимальные значения для оси X. Как видно из приведенного ниже кода, я могу легко установить эти значения для оси Y, но установка пределов для X дает мне проблемы. Пожалуйста помоги.

Пожалуйста, просмотрите CodePen здесь: Chart.js JS-код, чтобы нарисовать график

myLineChart.options.scales.yAxes[0].ticks.max=20;
myLineChart.options.scales.xAxes[0].ticks.max=20;
myLineChart.update();
Теги:
chart.js
chart.js2

1 ответ

1
Лучший ответ

Это потому, что у вас есть только 7 меток на оси x.

Если вы добавите еще больше, изменив метки:

labels: [1,2,3,4,5,6,7],

чтобы:

labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21]

Он работает нормально.

Помните, что вы просите максимум 20, но их всего 7, поэтому он может отображать только 7.

  • 0
    Спасибо за вклад. Я пытаюсь установить диапазон оси X от 0 до 20. Несмотря на то, что данные варьируются от 1 до 7, я бы хотел, чтобы ось X отображала от 0 до 20. Любое предложение? Благодарю.
  • 1
    поменять метки на метки: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20] это
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню