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

前言

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

修改前

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

修改后

修改方法

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

说明

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

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

‘center’, ‘right’。

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

官方文档传送门