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

Logo

前往低代码交流专区

更多推荐