【已解决】Echart 图标与图形距离太远

前言

最近搞数据的可视化，遇到一个问题。就是底部图标距离图形太远的问题，显得空旷。如下图

修改前

是不是感觉好空旷，哈哈哈

修改后

修改方法

 legend: {
 // 控制水平还是竖直
      orient: 'horizontal',
  // 控制左右距离
      x: 'center',
   // 控制上下距离
      y: '75%',
      data: legendData
    },

说明

[ default: ‘auto’ ] 图例组件离容器左侧的距离。

left 的值可以是像 20 这样的具体像素值，可以是像 ‘20%’ 这样相对于容器高宽的百分比，也可以是 ‘left’,

‘center’, ‘right’。

如果 left 的值为’left’, ‘center’, ‘right’，组件会根据相应的位置自动对齐。

官方文档传送门