用echart生成词云图时怎么样调整词云图的背景图片

要调整词云图的背景图片，可以使用 ECharts 中的 `graphic` 组件。具体步骤如下：

1. 在 ECharts 的 `option` 中添加 `graphic` 组件：

option = {
    ...
    graphic: [{
        type: 'image',
        id: 'background',
        left: 0,
        top: 0,
        z: -1, // 将背景图放在最底层
        bounding: 'raw',
        origin: [0, 0],
        style: {
            image: 'background.jpg',
            width: 800,
            height: 600
        }
    }],
    ...
}

其中，`graphic` 数组里面可以添加多个图形元素，这里我们只添加了一张背景图片。`type` 属性设置为 `image`，表示这是一张图片；`id` 属性可以自定义，用于后面修改图片的属性；`left` 和 `top` 属性设置为 0，表示图片的左上角坐标为 `(0, 0)`；`z` 属性设置为 -1，表示将背景图放在最底层；`bounding` 属性设置为 `raw`，表示该图形元素不受坐标系的缩放影响；`origin` 属性设置为 `[0, 0]`，表示该图形元素的原点为左上角；`style` 属性设置了图片的路径、宽度和高度。

2. 在需要使用背景图片的图表组件中引用 `graphic` 组件中的图片：

option = {
    ...
    series: [{
        type: 'wordCloud',
        shape: 'circle',
        ...
        textStyle: {
            ...
        },
        maskImage: 'circle.png',
        graphic: [{
            id: 'background'
        }]
    }]
    ...
}

这里以词云图为例，将 `graphic` 组件中的图片引入到 `series` 中的 `graphic` 属性中。需要注意的是，`id` 属性的值要与 `graphic` 组件中的 `id` 属性相同，表示引用的是哪个图形元素。

这样就可以在词云图上添加背景图片了。如果需要修改背景图片的属性，只需要找到 `graphic` 组件中对应的图形元素，修改其属性即可。例如，如果需要修改背景图片的宽度和高度，可以这样：

let chart = echarts.init(document.getElementById('chart'));
let background = chart.getZr().storage.getDisplayList()[0]; // 找到第一个图形元素，即背景图片
background.setStyle({
    width: 1000,
    height: 800
});
chart.setOption(option);

这里使用了 ECharts 的 `getZr()` 方法获取了 `zrender` 实例，然后通过 `storage` 属性获取了 `graphic` 组件中所有的图形元素，再通过 `getDisplayList()` 方法获取了所有可见的图形元素，这里只有一个背景图片，所以取第一个元素即可。最后使用 `setStyle()` 方法修改背景图片的宽度和高度。