1. 程式人生 > >echarts莫名縮小,並且寬度不能更改,生成時預設寬度

echarts莫名縮小,並且寬度不能更改,生成時預設寬度

遇到問題的時候,百度了一些,沒找到解決方法,知乎上有同樣的問題,但是解決方法不適用,最後在前端老哥的幫助下解決了問題。

先貼一些問題圖:
正常情況
這裡寫圖片描述

加了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();

這是改動後的程式碼,小問題,希望看到的人,你的問題也能解決。

歡迎關注我的微博@住街對面的查理,我的生活很有趣,你要不要來看一看。