echarts图点击按钮放大或者缩小

点击加号放大echarts图 ,点击减号缩小echarts图。

示意图:

echarts图点击按钮放大或者缩小_第1张图片

js代码演示:

  
roamMap(flag) { const that = this const currentZoom = that.chartthat.getOption().series[0].zoom // 当前的缩放比例 let increaseAmplitude = 1.2 // 点击按钮每次 放大/缩小 比例 if (flag === 1) { increaseAmplitude = 0.8 } that.chartthat.setOption({ series: { zoom: currentZoom * increaseAmplitude } }) }, add() { this.roamMap(0) }, sub() { this.roamMap(1) },

你可能感兴趣的:(echarts,javascript,ecmascript)