+1，這個(gè)不是顯示不出來，是echarts圖形也是初始化出來，選項(xiàng)卡一開始只初始化了第一個(gè)，所以第一個(gè)顯示正常，其他的選項(xiàng)卡是沒有寬度的，所以跟著他一起初始化的echarts沒有寬度，點(diǎn)擊第二個(gè)選項(xiàng)卡的時(shí)候，選項(xiàng)卡跟著初始化，但是echarts還是原先的那個(gè)echarts，沒有跟著一起初始化，寬度沒改變，顯示不出來，解決方法，一個(gè)是進(jìn)入頁面，所有的選項(xiàng)卡都初始化，另一個(gè)是點(diǎn)擊選項(xiàng)卡，觸發(fā)方法，重新加載echarts，第一個(gè)方法，誰知道怎么一起把所有的選項(xiàng)卡都初始化？第二個(gè)方法，很繁瑣，自己去找點(diǎn)擊選項(xiàng)卡的點(diǎn)擊方法，我現(xiàn)在就想知道怎么初始化所有選項(xiàng)卡？

layui的tab切換選項(xiàng)卡是有這個(gè)問題，我在做的時(shí)候也出現(xiàn)了，確實(shí)是初始化的原因，然后用了這個(gè)方法，你可以看看，代碼如下： <script>

  layui.use(['table','element','jquery'], function(){
      var table = layui.table;
      var element = layui.element;
      var $ = layui.$ //重點(diǎn)處
    
      //監(jiān)聽Tab切換，以改變iframe地址
      element.on('tab(test1)', function(data){
          var tabIndex = data.index;
          var src = $(".layui-tab-content div").eq(tabIndex).attr("src");
          $(".layui-tab-content div").eq(tabIndex).find("iframe").attr("src",src);
      });
    });

</script>

一開始容器沒寬度或是隱藏的話會(huì)出現(xiàn)這個(gè)問題，
最好的解決方法還是echarts自帶resize，
在合適的時(shí)候調(diào)用下 echarts對(duì)象.resize()就行，
像是這樣

 //瀏覽器大小改變時(shí)重置大小
 window.onresize = function () {
    myChart.resize();
};

您好，我看到您關(guān)于layui-tab Echarts只能顯示第一個(gè)問題。我最近也遇到了這樣的問題，想請(qǐng)問您解決了沒有？可以請(qǐng)教一下嗎？

點(diǎn)擊tab時(shí)初始化對(duì)應(yīng)的echarts