echarts

发布于 2022-03-28  699 次阅读


echarts的多个问题

echarts自适应div (物流大屏)

/* 单个echarts */
myChart.setOption(option);
window.onresize = myChart.resize;
/* 多个echarts */
myChart.setOption(option);
window.addEventListener( "resize", function() {
   myChart.resize();
});

多个echarts切换的时候由于隐藏的那个div 设置未display:none ,导致echarts的幕布由自适应的百分比变成pxeg: (徐州医院 views_02 轮播图资产状态和维保覆盖率)

<div>
    <div id="chart1" />
    <!-- div设置高度85%会变成85px -->
    <!-- 解决办法,获取父级div高度,设置自己需要的echarts百分比,然后再进行init初始化 -->
    <div id="chart2" style="display: none"/>
</div> 

1-6