Блог

Я хотел бы нарисовать линейный график на своем веб-сайте с помощью Angular и Chart.js . Особая вещь, которую я хотел бы сделать, это сдвинуть полный график вдоль оси x.

(например: ось x = 13:00 , 14:00 , 15:00 , … затем я наводил курсор и нажимал левой кнопкой мыши, чтобы переместить диаграмму в: 15:00 , 16:00 , 17:00) Массив с правильными значениями для всего»время» уже есть в данных (я бы только переместил сектор)

 drawChart() {
this.chart = new Chart('canvas', {
  type: 'line',
  data: {
    labels: this.EnergyTimeArray,
    datasets: [
      {
        label: 'ABCDE',
        data: this.actArray,
        borderColor: '#7cb342',
        fill: '1'
      },
      {
        label: 'FGHIJK',
        data: this.testArray,
        borderColor: 'orange',
        fill: '-1'
      }
    ]
  },
  options: {
    legend: {
      display: true
    },
    scales: {
      xAxes: [{
        scaleLabel: {
          display: true,
          labelString: 'Uhrzeit'
        }
      }],
      yAxes: [{
        scaleLabel: {
          display: true,
          labelString: 'YAxis'
        }
      }],
    }
  }
});
  

мой график

…. и теперь я бы переместил график так, чтобы я мог видеть следующие времена с 23:00, 24:00 , ..

У вас есть какое-либо решение для меня? Я ничего не могу найти в документации.

Спасибо, Робин