可以看见折线已经超出浏览器了,即使给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)再在请求到图表数据的回调里面加上一个定时器,调用图表的自适应方法
网友评论