v-chart的图表内容超出了设定区域

image.png

可以看见折线已经超出浏览器了，即使给ve-line设置style的width值也不管用，也不能左右滑动，挡住了一部分看不到。下面是解决方式：

<ve-line :auto-resize="true" ref="chart" :settings="lineSettings" :data="chartData"></ve-line>

setTimeout(() => {
            self.$nextTick(() => {
              self.$refs.chart.resize();
            });
          }, 500);

（1）先给ve-line设置允许自适应参数 :auto-resize="true"
（2）再在请求到图表数据的回调里面加上一个定时器，调用图表的自适应方法