1、问题: 当页面body拥有zoom属性之后,鼠标划过echarts图表时,触发位置就不正常 2、原因分析: 这都是因为设置了zoom,如果你在你的项目中设置了zoom以达到缩放比例的适配,在使用echarts图表
1、问题: 当页面body拥有zoom属性之后,鼠标划过echarts图表时,触发位置就不正常 2、原因分析: 这都是因为设置了zoom,如果你在你的项目中设置了zoom以达到缩放比例的适配,在使用echarts图表时就会出现错位的问题。 3、解决办法: 给echarts再加上 zoom、transform:scale、transform-origin,这三个属性,即:既然body缩放了,那么渲染echarts图表的div再给他放大回去就好了
4、注意: 如果你的echarts图表容器设置的固定的宽高,那么在设置zoom之后会出现图表被放大失真的情况,所以需要给图表设置百分比的宽高。 |
2021-04-14
2023-10-11
2021-04-29
2023-11-01
2018-01-07