vue+echarts实现窗口改变自动刷新

星星误

于 2020-01-02 09:02:44 发布

阅读量1.7k

点赞数

分类专栏： vue的效果常见问题文章标签： vue.js

本文链接：https://blog.csdn.net/qq_40693615/article/details/103798699

版权

本文介绍了如何在Vue.js应用中结合ECharts库，当浏览器窗口尺寸发生变化时，自动刷新ECharts图表以适应新的窗口大小。通过监听窗口resize事件和ECharts的resize方法，确保图表在响应式布局中始终保持正确展示。

摘要由CSDN通过智能技术生成

可以参考这里

<template>
  <div >
    <el-row style="height:40px;border-bottom: 1px dashed #4F6F92;margin-right: 0px;">
      <span style="float: left; color: #4F6F92;margin-left:10px;height:0px;display: inline-block">部门</span>
      <span style="float: right;color: #4F6F92;margin-right:15px;height:0px;display: inline-block">通过率</span>
    </el-row>

    <el-row type="flex" justify="space-between">
      <div id="myddst" style="width:90%;height:270px;"></div>
      <ul id="card_list"style="padding-right:10px;height: 304px;">
        <li v-for="aa in tableData" :key="aa" class="text item">{
  {aa.percent}}</li>
      </ul>
    </el-row>
  </div>
</te