展開全部

沒做過前端，現查了下bootstrap，它的各個e69da5e887aa62616964757a686964616f31333366303832標簽頁是不同的div，而echarts在初始化時就要綁定一個div的……所以你這個共用估計很難實現

不過圖表的配置項你可以復用啊，比如寫個函數：datasetSourceObj?=?{

'年':?[

['年',?'數據'],

['2014',?31],

['2015',?41],

['2016',?59],

['2017',?26],

['2018',?53],

],

'月':?[

['月',?'數據'],

['1月',?14],

['2月',?14],

['3月',?21],

['4月',?35],

['5月',?62],

],

'周':?[

['周',?'數據'],

['第1周',?17],

['第2周',?32],

['第3周',?5],

['第4周',?8]

]

};

function?createOption(dataSource){

//先把個公用的option參數配置好

res?=?{

title:'xxx',

dataset:{

source:?dataSource

}

//后略去一堆key、value等等等…

};

return?res;

};

然后你各個標簽頁用不同的數據生成不同的option，再setOption就行了。

————————————

或者，如果你非要復用dom，有個有些繞彎的復用辦法：

你把各個標簽頁里的div下加個iframe,鏈接同一個地址、但傳不同的參數

這個地址的響應是包含echarts圖表的頁面，而且其中的echarts圖表要根據接收的參數不同，使用不同的dataset.source、及其他你需要的不同配置。

總結

以上是生活随笔為你收集整理的ercharts一个页面能放几个_echarts 一个页面多个节点共用一个图表实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。