该场景主要用于echarts图表缩放和放大的情景,不用重复构造option,方便修改和调用同步。
解决方案如下:
正常的echarts方式:
var myChart = echarts.init(document.getElementById("echart_2")); var option = { //不同组件; } myChart.setOption(option); window.addEventListener("resize", function () { myChart.resize(); });
图表按照默认的选择器会显示在id='echart_2’的元素上。
不同位置的显示方式:
var myChart0 = echarts.init(document.getElementById("gauge_1")); var myChart1 = echarts.init(document.getElementById("gauge_2")); var myChart2 = echarts.init(document.getElementById("gauge_3")); var option = { //不同组件; } myChart0.setOption(option); myChart1.setOption(option); myChart2.setOption(option); window.addEventListener("resize", function () { myChart0.resize(); myChart1.resize(); myChart2.resize(); });
不同的选择器,同时setOption(option)即可。
Done!