在 ECharts 中,你可以通过配置图例组件的 left、top、right、bottom 属性来控制图例组件的位置,以及通过 width 和 height 属性来控制宽度和高度。以下是一个简单的例子:
option = {
    // 其他配置项...
    legend: {
        left: 'center', // 图例组件在容器中的水平位置,可以是像素值或百分比,也可以是 'left', 'center', 'right'
        top: 'bottom',  // 图例组件在容器中的垂直位置,可以是像素值或百分比,也可以是 'top', 'middle', 'bottom'
        width: 300,      // 图例组件的宽度
        height: 50,      // 图例组件的高度
        // 其他图例相关配置项...
    },
    series: [
        {
            name: '系列1',
            type: 'bar',
            data: [1, 2, 3, 4, 5],
            // 其他系列配置项...
        },
        // 其他系列配置项...
    ],
};

在上面的例子中,legend 对象中的 left 和 top 分别设置了图例组件在容器中的水平和垂直位置,可以根据需要调整为具体的像素值、百分比,或者使用预定义的位置值。width 和 height 则用于设置图例组件的宽度和高度。

通过调整这些属性,你可以灵活地控制图例组件的位置和大小,以适应不同的图表布局和设计需求。


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