echarts100px的问题

在引用的代码中，当没有数据时，使用了 `echarts.init(dom).dispose()` 来清除画布，但是这样会导致echarts图表的宽度只有100px。为了避免这个问题，可以在有数据时再创建echarts图表，而不是在清除画布时创建。同时，在创建echarts图表时，可以在 `this.$nextTick(() => {})` 中执行，以确保图表宽度正确。

相关问题

echarts图表宽度只有100px

如果echarts图表的宽度只有100px，那么可能存在以下几种情况。首先，可以确认是否设置了图表容器div的宽度。如果没有设置容器div的宽度，图表将无法自适应容器大小而默认采用100px的宽度。其次，需要检查是否存在其他css样式对图表宽度进行了限制，比如设置了最大宽度。此时可以查看浏览器开发者工具，查看样式中的宽度属性是否被覆盖或限制。

另外，也可以尝试修改图表宽度的配置项，具体可参考echarts官方文档进行相应的配置。需要注意的是，在图表宽度过小的情况下，可能会影响数据的展示和可读性，因此建议在实际应用中适当调整图表宽度。

echarts v-show大小剩100px

为了解决echarts图表使用v-show控制图表显示不全的问题，可以在updated()函数中使用resize()方法来调整图表大小。具体实现方法如下所示：

updated() {
  this.chart.resize();
},
/*项目echarts部分代码*/
this.chart = echarts.init(document.getElementById('chart'));
this.chart.setOption(option);
// 根据屏幕大小调图表，最好使用防抖方法
window.addEventListener("resize", () => {
  this.chart.resize();
})

在这段代码中，updated()函数会在组件更新后被调用，我们可以在这个函数中使用resize()方法来调整图表大小。同时，我们还需要在window对象上添加一个resize事件监听器，以便在窗口大小发生变化时自动调整图表大小。

如果你想让echarts图表在v-show为false时仍然能够正常显示，可以使用v-if代替v-show。因为v-if会在条件为true时才渲染DOM元素，所以即使图表被隐藏了，也不会出现无法初始化的问题。