如何在 ApexCharts 中禁用滚轮缩放？

Question

我的应用程序中使用 ApexCharts 有一个折线图：

import ApexCharts from "apexcharts";

var options = {
  chart: {
    type: "line",
  },
  series: [
    {
      name: "sales",
      data: [30, 40, 35, 50, 49, 60, 70, 91, 125],
    },
  ],
  xaxis: {
    categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999],
  },
};

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();

当我将鼠标悬停在图表上并使用鼠标滚轮滚动时，图表会放大/缩小。如何禁用此行为？

示例

Answer 1

在图表对象中，将

chart.zoom.enabled

设置为

false

https://apexcharts.com/docs/options/chart/toolbar/#zoom

var options = {
  chart: {
    type: "line",
    zoom: {
      enabled: false,
    }
  },
  series: [
    {
      name: "sales",
      data: [30, 40, 35, 50, 49, 60, 70, 91, 125],
    },
  ],
  xaxis: {
    categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999],
  },
};