echarts莫名縮小,並且寬度不能更改,生成時預設寬度
阿新 • • 發佈:2019-01-23
遇到問題的時候,百度了一些,沒找到解決方法,知乎上有同樣的問題,但是解決方法不適用,最後在前端老哥的幫助下解決了問題。
先貼一些問題圖:
正常情況
加了div隱藏後
我出現這個問題的原因是,echarts初始化的順序在div隱藏之後,所以當echarts初始化時找不到div,只能將echarts設定為預設值
//echarts初始化
window.myLine = echarts.init(document.getElementById('line-chartOne'));
window.myLine2 = echarts.init(document.getElementById('line-chart-sku' ));
window.myLine3 = echarts.init(document.getElementById('line-chart-shelves'));
window.myLine4 = echarts.init(document.getElementById('line-chart-compare'));
$('#part2').hide();
$('#partright').hide();
$('#partleft').show();
這是改動後的程式碼,小問題,希望看到的人,你的問題也能解決。
歡迎關注我的微博@住街對面的查理,我的生活很有趣,你要不要來看一看。