一: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'
}
},