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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章