解决Echarts显⽰隐藏后宽度⾼度变⼩的问题
Echarts 是现在程序员做图表⽤到⽐较多的⼀种技术，前段时间，我就⽤了⼀下Echarts，我原本是将饼图先隐藏，然后点击按钮让它再显⽰出来，但是再显⽰时，饼状图出现了问题，它变得特别⼩，根本不能⽤，然后，就此，我了下原因
原因：Echarts 图表是根据你定义的div 的样式来确定图表的⼤⼩，当图表隐藏时，Echarts会不到div的宽和⾼，再次显⽰时它会给⾃⼰⼀个⾮常⼩的默认宽⾼值，所以在隐藏显⽰后会发现它变得⾮常⾮常的⼩。
解决：将初始化放在click事件⾥，给⼀个flag 控制显⽰隐藏。
补充知识：echarts图表隐藏之后再展⽰出现变形
问题描述：使⽤echarts制作了仪表盘的图表，起初图标在页⾯中隐藏，点击某⼀按钮切换时，显⽰图表，发现图表的宽⾼被缩⼩了，异常显⽰，如图：
解决⽅法：
1.在完成绘画echarts后添加代码：$(window).size);
var dom = ElementById("jindu");
var myChart = echarts.init(dom);
option = {
......
}
myChart.setOption(option);
$(window).size);
2.在图表要显⽰的地⽅添加代码：$(window).trigger(‘resize');
if(gmFlag == 1){
setoption
$(".allscore").show();
$(window).trigger('resize');
}
这样来回切换的时候图表的⼤⼩就不会改变了，如图：
以上这篇解决Echarts 显⽰隐藏后宽度⾼度变⼩的问题就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。