Блог

У меня есть линейная диаграмма, и она содержит больше миллионов данных. Я хотел решить проблемы с производительностью, реализовав это с помощью опции LTTB, но я не смог реализовать до сих пор, и у меня нет идеи, как я мог бы это решить.

Кроме того, я попытался решить проблему с помощью этого плагина, но я также не смог реализовать этот.

Мой код машинописи:

 public lineChartOptions = {
  borderDash :[],
  stepped: 0,
  downsample: {
    enabled: true,
    threshold: 30
  },
  spanGaps: true,
  maintainAspectRatio: true,
  normalized: true,
  showLine: true,

  interaction: {
    intersect: false,
    mode: 'index',
  },

  elements: {
    line: {
      tension: false
    }
  },

  animation: false,
  responsive: true,

  scales: {
    y: {
      min: -10,
      max: 350,
      position: 'left'
    },
  },

  plugins: {
    legend: {
      position: 'bottom',
    },
    zoom: {
      limits: {
        x: {min: 0, max: 1200},
        y: {min: -10, max: 350}
      },
      pan: {
        enabled: true,
        mode: 'xy'
      },
      zoom: {
        enabled: true,
        mode:'x',
        drag: true,

        wheel: {
         enabled: true,
        },
        pinch: {
          enabled: true
        },
      },
    },
    title: {
      display: true,
      text: 'values (bar)',
      position: 'left',
    },
    tooltip: {
      enabled: false,
      position: 'nearest',
      external: this.externalTooltipHandler
    },

    parsing: false,
    decimation: {
      enabled: true,
      algorithm: "lttb",
      samples: 50,
     // threshold: 10
    }
  },

};

public lineChartType: ChartType = 'line';