点击加号放大echarts图 ,点击减号缩小echarts图。
示意图:
js代码演示:
<div class="pobtn"><button @click="add">+</button><button @click="sub">-</button></div>roamMap(flag) {const that = thisconst 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图点击按钮放大或者缩小》对你有帮助,请点赞、收藏,并留下你的观点哦!