График js Bar Time Chart

Question

Существует два способа добавления данных в график времени бара.

1. Когда мы добавляем даты в метки и передаем y как данные в наборах данных

2. Добавить как (x, y) пару в наборы данных напрямую

1-й работает отлично, а 2-й ничего не рендерит

var barChartData = {
			labels: [moment().add(1, 'd').toDate(), moment().add(2, 'd').toDate(), moment().add(3, 'd').toDate(), moment().add(4, 'd').toDate(), moment().add(5, 'd').toDate(), moment().add(6, 'd').toDate(), moment().add(7, 'd').toDate()],
			datasets: [{
				label: 'Dataset 1',
				backgroundColor: window.chartColors.red,
				data: [
					Math.random()*100,
					Math.random()*100,
					Math.random()*100,
					Math.random()*100,
					Math.random()*100,
					Math.random()*100,
          Math.random()*100
        ]
      }]    
  }

var barChartData = {
			datasets: [{
				label: 'Dataset 1',
				backgroundColor: window.chartColors.red,
				data: [
					{ x: moment().add(1, 'd').toDate(), y: Math.random()*100 },
					{ x: moment().add(2, 'd').toDate(), y: Math.random()*100 },
					{ x: moment().add(3, 'd').toDate(), y: Math.random()*100 },
					{ x: moment().add(4, 'd').toDate(), y: Math.random()*100 },
					{ x: moment().add(5, 'd').toDate(), y: Math.random()*100 },
					{ x: moment().add(6, 'd').toDate(), y: Math.random()*100 },
					{ x: moment().add(7, 'd').toDate(), y: Math.random()*100 },
				]
			}]

		};

Что-то не так, что я делаю или это ошибка?

Answer 1

Все типы диаграмм не поддерживают «декартовы оси».Гистограмма является одним из тех типов, она поддерживает «радиальные оси».

Если вы хотите использовать обе (x, y) оси на вашем графике, выберите другой тип.Используйте пузырьковые / точечные диаграммы для (x, y) пары.

Прочтите эту статью, вы получите больше информации здесь: https://www.chartjs.org/docs/latest/axes/