在 ECharts 中,你可以通过配置图例组件的 backgroundColor 和 borderColor 属性来设置图例组件的背景色和边框颜色,以及使用 borderWidth 属性来设置边框的宽度。以下是一个简单的示例:
option = {
    // 其他配置项...
    legend: {
        data: ['系列1', '系列2'],
        backgroundColor: 'rgba(200, 200, 200, 0.5)',  // 图例组件的背景色,可以使用 rgba 表示透明度
        borderColor: 'black',                           // 图例组件的边框颜色
        borderWidth: 1,                                 // 图例组件的边框宽度
        // 其他图例相关配置项...
    },
    series: [
        {
            name: '系列1',
            type: 'bar',
            data: [1, 2, 3, 4, 5],
            // 其他系列1的配置项...
        },
        {
            name: '系列2',
            type: 'line',
            data: [5, 4, 3, 2, 1],
            // 其他系列2的配置项...
        },
        // 其他系列配置项...
    ],
};

在上面的例子中,legend 对象中的 backgroundColor 属性设置了图例组件的背景色,borderColor 属性设置了边框的颜色,而 borderWidth 属性设置了边框的宽度。

通过这些属性,你可以定制图例组件的外观,使其更符合你的图表设计需求。请根据实际情况进行调整。


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