vue使用echarts 宽度设置100% 却只有100px

如果你想让 echarts 图表的宽度设置为 100% 却只有 100px 的问题，一般有以下两种原因：

1. 父元素宽度不足

可能是因为 echarts 所在的父元素宽度不够，导致 echarts 图表只能继承父元素的宽度，最终导致 echarts 图表的宽度只有 100px。可以尝试将 echarts 所在的父元素的宽度设置为 100%。

2. echarts 实例初始化时未设置宽度

使用 echarts 时，如果在实例化 echarts 时未设置宽度，echarts 将默认使用 600px 的宽度，可能导致 echarts 图表的宽度只有 100px。在实例化 echarts 时，可以设置宽度为父元素的宽度，例如：

var myChart = echarts.init(document.getElementById('myChart'));
myChart.resize(); //自适应宽度

或者在实例化 echarts 时设置宽度为 100%：

var myChart = echarts.init(document.getElementById('myChart'));
myChart.resize(); //自适应宽度
myChart.setOption(option); //设置echarts option
myChart.resize(); //自适应宽度

这样就可以让 echarts 图表的宽度自适应父元素的宽度。