如何在ECharts中自定义Line图的legend样式排列

在ECharts中，自定义Line图的legend样式包括排列方式可以通过设置`legend`配置项来实现。具体来说，你可以调整以下几个部分：

1. `layout`: 它决定了图例的布局方式，可以设置成`horizontal`（水平）或`vertical`（垂直），默认值是`vertical`。

legend: {
  layout: 'horizontal', // 或者 'vertical'
}

2. `orient`: 如果你想控制图例的方向（仅适用于非水平布局），比如对于横向布局，可以设置为`right`或`left`。

legend: {
  orient: 'right',
}

3. `itemGap` 和 `itemWidth` (或`itemHeight`): 分别设置图例项目之间的间距和单个项目宽度（高度）。这对于定制间距有帮助。

legend: {
  itemGap: 5, // 图例项之间的间距
  itemWidth: 80, // 每个图例项目的宽度
}

4. `data` 或 `dataInside`：如果想改变图例内的数据展示方式，如将数据放在图例图标旁边，可以设置`dataInside`属性为`true`。

legend: {
  dataInside: true,
}

如果你需要更复杂的定制，还可以通过CSS直接操作ECharts的`echarts-instance`元素。记得在初始化ECharts后，通过`.setOption()`方法应用这些设置。

// 初始化图表
var myChart = echarts.init(document.getElementById('main'));

// 设置图例选项
var legendOption = {
  ... // 上述配置
};

// 应用新的配置
myChart.setOption(legendOption);