echarts图例位置设置,echarts图例过多处理,echarts图例大小设置,echarts图例对齐,echarts图例自定义,echart图例的形状
ECharts是一个用于可视化数据的JavaScript图表库。其中，图例组件是一种显示数据系列名称和图标的方式，可以帮助用户更好地理解图表。内边距和间隔是图例组件的配置选项之一，用于控制图例组件中各个元素之间的距离。

内边距（padding）指的是图例组件的边框与内容之间的空白区域。通过修改 padding 属性，可以调整图例组件的内边距大小。默认情况下，padding 的值为 5，表示图例组件的内边距为 5 像素。示例如下：

javascript
option = {
legend: {
padding: [10, 20] // 上下内边距为 10 像素，左右内边距为 20 像素
},
series: [
{
name: '数据系列1',
type: 'line',
data: [10, 20, 30, 40]
},
{
name: '数据系列2',
type: 'line',
data: [50, 60, 70, 80]
}
]
};


间隔（itemGap）指的是图例组件中各个图例项之间的距离。通过修改 itemGap 属性，可以调整各个图例项之间的间隔大小。默认情况下，itemGap 的值为 10，表示相邻两个图例项之间的距离为 10 像素。示例如下：

javascript
option = {
legend: {
itemGap: 20 // 图例项之间的间隔为 20 像素
},
series: [
{
name: '数据系列1',
type: 'line',
data: [10, 20, 30, 40]
},
{
name: '数据系列2',
type: 'line',
data: [50, 60, 70, 80]
}
]
};