Echarts屏幕放大缩小自适应

如果echarts不做大小自适应的话,屏幕放大缩小是不会让实例自适应的,在这里我本人根据浏览器自带的监听屏幕事件window.addEventListener(‘resize’,function(){})这个方法结合echarts官网中的chart.resize()方法。
其原理是浏览器监听屏幕大小变化,执行echarts中的chart.resize()方法。只要屏幕尺寸发生改变,echarts实例会紧跟着同比例放大缩小。
如下图:

标题原始屏幕尺寸

Echarts屏幕放大缩小自适应

标题屏幕尺寸改变

Echarts屏幕放大缩小自适应
代码如下:
Echarts屏幕放大缩小自适应
window.addEventListener(“resize”, () => {
L_Capacity4.resize();
})

相关文章:

  • 2021-09-29
  • 2021-12-18
  • 2021-06-14
  • 2021-11-11
  • 2022-12-23
  • 2021-06-11
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-17
  • 2021-11-17
  • 2021-05-29
  • 2021-10-19
相关资源
相似解决方案