设置echarts图例居中
     使用过echarts的朋友们可能会遇到让图表中的图例居中的问题,我们在使用ecahrts图表的时候,可以使用普通的left和top来设置图例的位置,但是图表一旦变化,图例也要跟着变化,left和top也要跟着相应地变化,非常麻烦
      但是echarts是有middle这个属性的,有了这个属性,我们更换图表位置之后可以不再设置top或left的值
在这里插入图片描述
最终的效果图如下:
在这里插入图片描述
此时图片是垂直居中对齐的。代码中的ItemGap是设置图例之间的间隔的。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐