elementtabs切换时echarts图不显示如何解决

可能是因为 echarts 图表的父容器在切换时没有被正确地重绘。你可以尝试以下解方法：

1. 在每次切换选项卡时，手动调用 echarts 的 `resize` 方法，让图表重新自适应父容器的大小，例如：

// 假设你的 echarts 实例为 chart
$('#elementtabs').on('shown.bs.tab', function (e) {
  chart.resize();
})

2. 使用 CSS 为 echarts 图表的父容器设置固定高度和宽度，以确保切换时容器大小不变，例如：

.echarts-container {
  height: 300px;
  width: 100%;
}

3. 在 echarts 实例初始化时，设置 `resize` 监听器，以确保图表在容器大小变化时自动重绘，例如：

var chart = echarts.init(document.getElementById('chart-container'));

// 监听窗口大小变化
window.addEventListener('resize', function () {
  chart.resize();
});

相关问题

elementtabs切换时echarts图不显示<Option v-if="'second' === activeName"></Option>

这可能是因为在切换选项卡时，echarts图表的容器被隐藏了。你可以尝试在选项卡切换时手动触发echarts的resize事件，或者在选项卡激活时再初始化echarts图表。以下是可能的解决方案：

1. 手动触发echarts的resize事件

在选项卡切换时，手动触发echarts的resize事件可以重新计算图表的大小和位置，从而避免图表被隐藏。你可以在选项卡切换的事件中加入以下代码：

// 获取echarts实例
let chart = this.$refs.chart.getEchartsInstance();
// 手动触发resize事件
chart.resize();

其中，`$refs.chart`是echarts组件的引用。

2. 在选项卡激活时初始化echarts图表

在选项卡激活时初始化echarts图表可以确保图表始终处于可见状态。你可以在选项卡激活的事件中加入以下代码：

// 获取echarts实例
let chart = this.$refs.chart.getEchartsInstance();
// 判断图表是否已经初始化
if (!chart) {
  // 初始化echarts图表
  this.initChart();
} else {
  // 如果已经初始化，则手动触发resize事件
  chart.resize();
}

其中，`initChart()`是初始化echarts图表的方法。如果图表已经初始化，则直接触发resize事件。

希望以上解决方案能够帮助到你。