echarts趋势图y轴怎么通过鼠标滚动放大?

Question

如图y轴的间隔是200，怎么能通过鼠标滚轮把它滚动到间隔100，相反方向滚动时再滚回至200，翻了好久api也没翻到

Answer 1

dataZoom - Apache ECharts 里面的 dataZoom-inside 就可以使用鼠标滚轮缩放坐标系。

EDIT

OP 你说没有生效是没有配置对吧？ 👉 复现Demo - Apache ECharts

Answer 2

通过yAxisIndex可以设置y轴的滚动

demo

option = {
  color: ["#3398DB"],
  title: {
    text: "Beijing AQI"
  },
  tooltip: {
    trigger: "axis"
  },
  xAxis: {
    data: ["2014-07-14", "2014-07-15", "2014-07-16", "2014-07-17", "2014-07-18", "2014-08-27", "2014-08-28"]
  },
  yAxis: {
    splitLine: {
      show: false
    }
  },
  dataZoom: {
    start: 80,
    type: "inside",
    yAxisIndex: 0
  },
  series: {
    name: "Beijing AQI",
    type: "line",
    data: [156, 140, 133, 186, 182, 106, 119, 68, 54, 82, 90, 134, 188]
  }
}

缩放前

缩放后