我们经常遇到使用 elementui 中的 el-tab 组件来切换图表的时候，如果遇到在切换时图表的大小会从100px的宽高变为正常的过程的话，有下面的解决方式
<el-tabs type="card" v-model="tabActive"><el-tab-pane label="次数" name="one"><alarm-count v-if="'one' === tabActive" /></el-tab-pane><el-tab-pane label="统计" name="two"><risk-value v-if="'two' === tabActive" /></el-tab-pane></el-tabs>
为 组件中添加 v-if 来控制切换，就可以实现图表大小的正常显示了
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly93dWRhbi5ibG9nLmNzZG4ubmV0
ECharts 图表显示颜色修改 需求： 改变Echarts引入图表的显示颜色 解决方案： 通过查询Echarts配置手册，color设置色板颜色列表。
切换tab选项卡时Echarts加载不正常的问题 一、问题描述 二、解决方案： 三、拓展 一、问题描述 我有两个选项卡，一个用来显示Echart
我的效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL
我们经常遇到使用 `elementui` 中的 `el-tab` 组件来切换图表的时候，如果遇到在切换时图表的大小会从100px的宽高变为正常的过程的话，有下面的解决方式
选用 svg 渲染是一个方案，在移动端的内存占用也会更小。或者初始化的时候不要用 canvas，而用一个 div 作为容器，初始化在自动创建 canvas 的时候会根据高分屏优
相关文章： [ECharts官网][ECharts] [在Vue项目中使用ECharts][Vue_ECharts] -------------------- 最近在工
ECharts图表显示数字 效果图 代码 效果图 
客官°小女子只卖身不卖艺
超、凢脫俗
还没有评论，来说两句吧...