Неправильная картина с диаграммой js -plugin-downsample - PullRequest
Новая
       9

Неправильная картина с диаграммой js -plugin-downsample

0 голосов
/ 12 апреля 2020

У меня проблема с графиком. js с графиком js -plugin-downsample . В некоторых обстоятельствах (с различным количеством точек в исходном наборе данных) это др aws перекошенная линия, которая «прыгает» в конец графика, вместо простого указания на следующую точку.

GIF, изображающая проблему ниже. "chartData" на консоли - это длина исходного набора данных. Набор данных содержит ~ 1500 точек со значениями 0-100 в начале, все остальные ~ 8500 точек - нули.

Конфигурации и версии пакетов приведены под рисунком. Параметры диаграммы: 

{
  responsive: true,
  maintainAspectRatio: true,
  elements: {
    line: {
      tension: 0,
    },
    point: {
      radius: 0,
    },
  },
  scales: {
    xAxes: [{
      type: 'time',
      position: 'bottom',
      ticks: {
        major: {
          enabled: true,
        },
        maxRotation: 0,
        autoSkipPadding: 60,
      },
      time: {
        displayFormats: {
          minute: 'HH:mm',
          hour: 'HH:mm',
          day: 'MM-DD-YY HH:mm',
        },
        round: true,
        stepSize: 1,
      },
      scaleLabel: {
        display: true,
        labelString: 'Time',
      },
    }],
    yAxes: [{
      id: 0,
      type: 'linear',
      position: 'left',
      ticks: {
        maxRotation: 0,
        suggestedMin: 0,
      },
    }],
  },
  animation: {
    duration: 0,
  },
  downsample: {
    enabled: true,
    threshold: 300,

    auto: true,
    onInit: true,
  },
  tooltips: {
    intersect: false,
    mode: 'index',
    position: 'nearest',
  },
};

Версии пакетов: 

"chart.js": "^2.9.3",
"chartjs-plugin-downsample": "^1.1.0",
"vue-chartjs": "^3.5.0",
...