echarts柱形图 单个背景图案

要在 Echarts 的柱形图中添加单个背景图案，你需要在 Echarts 中使用图形元素的方式来实现。具体步骤如下：

1. 在 Echarts 的 option 中，使用 graphic 元素定义一个背景图案。

2. 在定义背景图案时，可以使用 image 元素来加载背景图案文件，并设置其位置和大小。

3. 然后，使用 rect 元素定义一个矩形元素，作为柱形图的背景，并设置其大小和位置。

4. 最后，将矩形元素和背景图案元素添加到 Echarts 的 series 中，即可实现柱形图背景图案的添加。

下面是一个示例代码：

option = {
    graphic: [{
        type: 'image',
        id: 'background',
        left: 0,
        top: 0,
        z: -10,
        bounding: 'raw',
        style: {
            image: 'background.png',
            width: 600,
            height: 400
        }
    }],
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        barWidth: 20,
        itemStyle: {
            normal: {
                color: '#00bfff'
            }
        },
        backgroundStyle: {
            color: 'none',
            image: 'none'
        },
        markLine: {
            symbol: 'none',
            lineStyle: {
                type: 'dashed'
            },
            data: [{
                yAxis: 30
            }]
        },
        markPoint: {
            symbol: 'circle',
            data: [{
                xAxis: 2,
                yAxis: 30
            }]
        },
        graphic: [{
            type: 'rect',
            left: 0,
            top: 0,
            z: -9,
            shape: {
                width: '100%',
                height: '100%'
            },
            style: {
                fill: '#fff'
            }
        }, {
            type: 'image',
            id: 'background',
            left: 0,
            top: 0,
            z: -10,
            bounding: 'raw',
            style: {
                image: 'background.png',
                width: 600,
                height: 400
            }
        }]
    }]
};

在这个示例代码中，我们首先在 graphic 元素中定义了一个背景图案，然后在 series 中定义了一个矩形元素作为柱形图的背景，并将背景图案和矩形元素都添加到了柱形图的 graphic 中。

注意，为了使背景图案在柱形图下方，我们需要将其 z 值设置为 -10，而矩形元素的 z 值设置为 -9，这样矩形元素就会在背景图案上方。