echarts 多個(gè)圖表滾動(dòng)軸聯(lián)動(dòng)

一、封裝的文件echarts_link.js

export function echartslink(ele, node) {
  // ele 被操作圖表, node 要被改變的圖表[]
  ele.on('datazoom', function (params) {
  // console.log(ele.getOption())
  // 獲得起止位置百分比
  const startPercent = ele.getOption().dataZoom[0].start
  const endPercent = ele.getOption().dataZoom[0].end
  node.forEach(ment => {
    let option = ment.getOption()
    option.dataZoom[0].start = startPercent
    option.dataZoom[0].end = endPercent
    ment.setOption(option)
  })
 })
}

二、使用

// 引入
import { echartslink } from '../../units/echarts_link'
echartslink(this.linebox, [this.lineboxs，this.lineboxs2])
// this.linebox被拖動(dòng)的圖標(biāo) 要被改變的圖表[this.lineboxs，this.lineboxs2]

非常好用
采納請(qǐng)點(diǎn)贊謝謝！！

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容