在 ECharts 中,你可以通过配置图例组件的 orient、align、padding 等属性来控制图例列表的布局和文本对齐方式。以下是一些常用的配置示例:
option = {
    // 其他配置项...
    legend: {
        orient: 'horizontal', // 图例列表的布局方向,可以是 'horizontal'(水平布局)或 'vertical'(垂直布局)
        align: 'auto',        // 图例列表在容器中的水平对齐方式,可以是 'auto'、'left'、'right'、'center'
        padding: 10,           // 图例列表内边距
        // 其他图例相关配置项...
    },
    series: [
        {
            name: '系列1',
            type: 'bar',
            data: [1, 2, 3, 4, 5],
            // 其他系列配置项...
        },
        // 其他系列配置项...
    ],
};

在上面的例子中,legend 对象中的 orient 属性设置了图例列表的布局方向为水平布局,align 属性设置了水平对齐方式为 'auto'(自动选择水平对齐方式),padding 属性设置了图例列表的内边距。

其他常用的 align 值包括 'left'、'right'、'center',通过调整这些属性,你可以灵活地控制图例列表的布局和文本对齐方式,以适应不同的图表设计需求。


转载请注明出处:http://www.zyzy.cn/article/detail/5120/ECharts