vue-echarts公共组件,切换页面图表显示不全【解决】
问题场景:
多个页面使用同一个echarts公共组件,在切换页面的时候,echarts图表渲染不完整
原因:
echarts图表宽度使用的是百分比,不是具体px数值,初次渲染时,可正确渲染,但页面被缓存后,100%会被渲染成宽度100
解决方案:
方案一:固定px宽度
为echarts图表设置固定px宽度
缺点:不灵活,有时样式是自适应的,无法给一个确定值
问题场景:
多个页面使用同一个echarts公共组件,在切换页面的时候,echarts图表渲染不完整
原因:
echarts图表宽度使用的是百分比,不是具体px数值,初次渲染时,可正确渲染,但页面被缓存后,100%会被渲染成宽度100
解决方案:
为echarts图表设置固定px宽度
缺点:不灵活,有时样式是自适应的,无法给一个确定值