echarts图例过多处理,echarts 修改图例legend颜色,echarts图例大小设置,echarts图例形状,echart 自定义图例,echarts图例和图的距离
ECharts图例组件是一种用于展示不同数据系列标识的控件，通常位于图表的上方、下方、左侧或右侧。通过ECharts提供的图例组件配置，可以控制图例组件的位置和大小。

以下是一些常见的图例组件配置选项：

- orient：图例布局方式。可选值包括 horizontal（水平布局）和 vertical（垂直布局）。
- x, y：图例组件相对于容器的位置。可以使用百分比表示相对位置。
- width, height：图例组件的宽度和高度。
- align：水平对齐方式。可选值包括 left, center 和 right。
- padding：内边距。可以设置上右下左四个方向各自的像素值或百分比值。
- itemGap：每个图例项之间的间隔。可以设置像素值或百分比值。
- textStyle：图例文字样式。可以设置字体、颜色、字号等。

以下是一个例子，演示如何在 ECharts 中配置图例组件的位置和大小：

javascript
option = {
legend: {
orient: 'vertical',
x: 'right',
y: 'center',
width: '30%',
itemGap: 10,
textStyle: {
fontSize: 14
}
},
series: [
{
name: '销量',
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}
]
};


在上面的例子中，我们设置了图例组件的布局方式为垂直布局，水平对齐方式为右对齐，垂直对齐方式为居中。同时，我们还设置了图例组件的宽度为容器宽度的30%，每个图例项之间的间隔为10像素，并将文字样式的字号设置为14。