echarts 图表在 div 容器盒子中根据 div盒子的大小变化自适应伸缩

新时代农民工Top

于 2025-01-03 09:28:08 发布

阅读量330

点赞数 1

CC 4.0 BY-SA版权

文章标签： echarts 前端 javascript

本文链接：https://blog.youkuaiyun.com/web00_11/article/details/144900755

echarts 图表在 div 容器盒子中根据 div盒子的大小变化自适应伸缩

<script>
  // echarts 容器盒子
  const echarts_container = document.getElementById('echarts_container')
  const myecharts = echarts.init(echarts_container)
  const option = {}
  myecharts.setOption(option)

  let resize_echarts = new ResizeObserver(() => {
    // echarts 图标自适应缩放
    echarts_name.resize()
  })

  resize_echarts.observe(echarts_container) // 参数是产生缩放的 DOM 盒子
</script>