echarts自定义图例颜色,echarts图例位置设置,echarts图例自定义,echarts图例形状,echarts添加图例,echarts图例和图的距离
ECharts 是一个开源的数据可视化库，提供了丰富的图表组件和配置选项。其中图例组件用于展示各个系列对应的颜色和名称，方便用户对图表内容进行理解。

图例列表布局指的是图例组件中各个系列颜色和名称的排布方式。ECharts 提供了三种布局方式：水平布局（'horizontal'）、垂直布局（'vertical'）和单行居中布局（'single'）。水平布局将各个系列排成一行，垂直布局则将其排成一列，单行居中布局将所有系列居中排布在一行。

文本对齐则是指各个系列名称在图例组件中的对齐方式。ECharts 支持左对齐（'left'）、居中对齐（'center'）和右对齐（'right'）三种方式。

以下是一个示例，展示如何在 ECharts 中设置图例组件的布局方式和文本对齐方式：

javascript
option = {
legend: {
data: ['销售额'],
orient: 'vertical', // 设置垂直布局
left: 'right',
top: 'center',
align: 'left', // 设置左对齐
textStyle: {
color: '#333',
fontSize: 14
}
},
series: [{
name: '销售额',
type: 'line',
data: [120, 200, 150, 80, 70]
}]
};


在上述示例中，我们将图例组件的布局方式设置为垂直布局，并让其位于右侧、居中对齐。同时，我们也将文本对齐方式设置为左对齐。