echarts柱状图换图片

你可以通过更改 echarts 的配置选项来更改柱状图的图片。具体步骤如下：

1. 打开 echarts 的配置选项，找到 series -> itemStyle -> normal -> color 属性，将其设置为一个函数。

2. 在该函数中，使用 image API 加载你想要的图片，并将其作为背景色返回。

3. 在 series -> itemStyle -> normal -> borderColor 和 series -> itemStyle -> normal -> borderWidth 属性中设置边框颜色和边框宽度。

以下是一个示例代码，可以将柱状图的颜色设置为指定的图片：

option = {
    // ... 其他配置选项
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        itemStyle: {
            normal: {
                color: function(params) {
                    // 加载图片
                    var img = new Image();
                    img.src = 'your-image-url';
                    // 返回图片作为背景色
                    return new echarts.graphic.Pattern(
                        img, 'repeat',  // 图片，重复方式
                        params.dataIndex, 0, params.dataIndex + 1, 1  // 图片在柱子中的范围
                    );
                },
                borderColor: '#000',  // 边框颜色
                borderWidth: 1  // 边框宽度
            }
        }
    }]
};

请将代码中的 `your-image-url` 替换为你想要使用的图片的 URL。