1. 程式人生 > >vue專案中使用echarts 遇到問題總結2

vue專案中使用echarts 遇到問題總結2

一:echarts圖形的父級容器寬度設定為百分比形式,導致echarts變形;12

解決方案:固定寬度沒問題,只要設定成百分比,有的好用,有的不好用,只能將寬高設定為rem,好在相差不大;

二:vue-cli專案下使用 vue的tab切換3個不同的echarts圖表,未打包正常顯示,打包後部分樣式載入不出來,導致tab切換的預設顯示的echarts顯示不出來,f12發現是寬高已經加上,但是echarts的div預設 寬為1104(螢幕右側寬度),高為0,canvas也是。本以為和載入順序有關;

解決:因為是3個類似的echarts切換,所以公共樣式我寫在了公共的vue頁面中,導致預設的載入不出樣式,於是在預設的第一個vue中重新定義容器寬高,打包後就沒問題了;

三、echarts 提示框元件對齊

tooltip: {
        trigger: 'axis',
        axisPointer: {
             type: 'shadow',
        },
        padding:5,
textStyle:{
align:'left'
}
},