echarts中showBackground: true加边框

在ECharts中，`showBackground` 属性用于显示一个背景层，通常用于设置网格线、背景色等。如果你想在启用背景的同时，也给柱状图添加边框，你需要分别设置背景和柱体的样式。虽然ECharts本身没有直接提供针对背景层添加边框的功能，但你可以通过调整柱体的`itemStyle`来达到类似的效果。

例如，在设置了背景之后，可以在`itemStyle`里增加一个`normal`或`emphasis`（高亮）的状态，来模拟边框的样式：

option = {
    backgroundColor: '#F0F0F0', // 设置背景色
    series: [
        {
            name: '数据',
            type: 'bar',
            data: [10, 20, 30, 40, 50],
            itemStyle: {
                normal: {
                    color: 'white', // 柱子颜色
                    borderWidth: 2, // 边框宽度
                    borderColor: '#ccc', // 边框颜色
                },
                // 如果需要为选中或高亮状态添加边框，可以添加 emphasis 部分
                emphasis: {
                    lineWidth: 2, // 突出时的边框宽度
                    shadowBlur: 0, // 关闭阴影，防止边框与背景混在一起
                }
            }
        }
    ]
};

这样，当你在柱状图上移动鼠标时，柱子会有一个明显的边框效果。请注意，ECharts本身没有直接将背景与边框合并的功能，所以这里的效果可能会略显生硬。