Echarts图表相关问题

吴小花的博客

于 2021-07-15 16:21:27 发布

阅读量5.4k

点赞数 2

分类专栏： Web前端开发 Vue.js 项目实战经验

本文链接：https://blog.youkuaiyun.com/weixin_39089928/article/details/118757894

版权

Vue.js 项目实战经验同时被 2 个专栏收录

52 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

Web前端开发

43 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文主要讨论了使用Echarts在切换tab时图表无法显示的解决方案，即在<el-tab-pane>中添加lazy属性。此外，介绍了如何自定义tooltip内容以显示从接口获取的环比数据，以及解决堆叠图数值展示和双Y轴图表绘制的问题。通过关键代码片段，展示了具体的实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.用echats绘制图表的时候，遇到的问题是切换tab,图表无法绘制出来。

解决方案，在 <el-tab-pane>里添加lazy

<!-- 6企业渠道统计 -->
<el-row
:gutter="12"
style="margin-top: 20px"
>
<el-col style="width: 1100px">
    <el-card shadow="always">
    <div
        slot="header"
        class="clearfix memberTeam"
    >
        <div class="left">
        <span class="teamTitle">企业渠道统计
        </span>
        </div>
        <div class="right">
        <el-date-picker
            v-model="time_enterprise_channel"
            type="month"
            value-format=&