image.png
可以看見折線已經(jīng)超出瀏覽器了诺核,即使給ve-line設(shè)置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設(shè)置允許自適應(yīng)參數(shù) :auto-resize="true"
(2)再在請求到圖表數(shù)據(jù)的回調(diào)里面加上一個定時器比规,調(diào)用圖表的自適應(yīng)方法