bootstrap4切换组件echarts显示和响应式问题

var myChart1 = echarts.init(document.getElementsByClassName('echarts1')[0]);

var myChart2 = echarts.init(document.getElementsByClassName('echarts2')[0]);

 

  myChart1.setOption(option1);

    myChart2.setOption(option2);

 

    //将echarts放入新数组保存起来

    var echartsArr = [];

    echartsArr.push(myChart1)

    echartsArr.push(myChart2)

 

    //拖动窗口变化重新渲染图表

    window.addEventListener('resize', function () {

      for (let i = 0; i < echartsArr.length; i++) {

        echartsArr[i].resize()

      }

    })

    //data-toggle="pill还是data-toggle="tab" 根据前面所用标签页的不同来选择。

    //tab切换不显示问题 在加载窗口后重新渲染。

    $('a[data-toggle="pill"]').on('shown.bs.tab', function () {

      for (let i = 0; i < echartsArr.length; i++) {

        echartsArr[i].resize()

      }

    }）