Twitter bootstrap 3 引导选项卡和echart

我在第二个选项卡上显示我的电子零件时遇到问题。图表仅显示在第一个选项卡上，但在导航到第二个选项卡时不显示

                                <ul class="nav nav-tabs" style="margin-bottom: 15px;">
                                    <li class="active">
                                        <a href="#campaign" data-toggle="tab">Campaigns</a>
                                    </li>
                                    <li>
                                        <a href="#subscribers" data-toggle="tab">Subscribers</a>
                                    </li>
                            </ul>
                            <div id="myTabContent" class="tab-content">
                                <div class="tab-pane fade active in" id="campaign">
                                    <div id="pieChart" style="height:500px;border:1px solid #ccc;padding:10px;"></div>

                                </div>
                                <div class="tab-pane fade" id="subscribers">
                                    <div id="barChart" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
                                </div>
                            </div>

---

答案有点晚，我不确定您是否找到了解决方案，但解决方案是将echarts setOption和Bootstrap的Tab事件结合起来

像-

---

一旦显示引导选项卡，上述代码将使用echarts setOption回调重新加载图表mychart。可以找到有关引导选项卡事件的更多信息。

答案有点晚，我不确定您是否找到了解决方案，但解决方案将是echarts setOption和引导选项卡事件的组合

像-

---

一旦显示引导选项卡，上述代码将使用echarts setOption回调重新加载图表mychart。可以找到有关引导选项卡事件的更多信息。

ECharts文档中提到

有时，图表可以放在多个选项卡中。隐藏标签中的标签可能由于忽略容器的宽度和高度而无法初始化。因此，在切换到相应的选项卡时，应该手动调用resize以获得正确的宽度和高度，或者在opts中明确指定宽度/高度

因此，每次切换到新选项卡时，只需在图表实例上调用resize函数：

chartInstance.resize()

---

ECharts文件中提到

有时，图表可以放在多个选项卡中。隐藏标签中的标签可能由于忽略容器的宽度和高度而无法初始化。因此，在切换到相应的选项卡时，应该手动调用resize以获得正确的宽度和高度，或者在opts中明确指定宽度/高度

因此，每次切换到新选项卡时，只需在图表实例上调用resize函数：

chartInstance.resize()

---

你解决了吗？你解决了吗？

$('#myTabItem').on('shown.bs.tab', function (e) {
         myChart.setOption(options);
})

chartInstance.resize()