echarts环形图背景图片旋转动画

要实现echarts环形图背景图片的旋转动画，可以通过echarts的自定义系列和图形元素来实现。具体步骤如下：

1. 在echarts中定义一个自定义系列，用来绘制环形背景图。

2. 在自定义系列中定义一个环形背景图形元素，设置其位置、大小和背景图片。

3. 使用setInterval函数和echarts的API来实现图片旋转的动画效果。

下面是一份简单的示例代码，可以参考一下：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('myChart'));

// 定义自定义系列
myChart.setOption({
    series: [{
        type: 'custom',
        renderItem: function(params, api) {
            // 定义背景图片元素
            var x = api.getWidth() / 2;
            var y = api.getHeight() / 2;
            var r = Math.min(x, y) * 0.8;
            var imgUrl = 'url(背景图片地址)';
            return {
                type: 'image',
                position: [x - r, y - r],
                shape: {
                    width: r * 2,
                    height: r * 2,
                    x: 0,
                    y: 0
                },
                style: {
                    image: imgUrl
                }
            };
        },
        data: [0],
        animation: false // 关闭默认动画
    }]
});

// 定义图片旋转动画
var angle = 0;
setInterval(function() {
    angle += 1;
    myChart.setOption({
        series: [{
            type: 'custom',
            data: [angle],
            renderItem: function(params, api) {
                // 获取背景图片元素，并旋转角度
                var imgElement = api.getZr().storage.getDisplayList()[0];
                imgElement.rotation = angle * Math.PI / 180;
                return imgElement;
            }
        }]
    });
}, 10);

需要注意的是，这里使用了`getZr().storage.getDisplayList()[0]`获取了背景图片元素，这是echarts内部实现的一种方式，因此可能在不同版本的echarts中会有所不同。如果需要更加稳定和可靠的方式获取元素，可以考虑使用自定义元素id的方式来实现。