echarts两层圆环 + 饼图间隔 + 可用背景图片

百度搜出来的都是用borderWidth来设置间隔，但是颜色必须和背景色一致，只是视觉上透明了，不符合项目要求。参考社区里的，自己画了一个。
加”*****“的是形成间隔的关键。

//颜色16进制换算rgba,添加透明度（内环颜色）
function hexToRgba(hex, opacity) {
    return (
        'rgba(' +
        parseInt('0x' + hex.slice(1, 3)) +
        ',' +
        parseInt('0x' + hex.slice(3, 5)) +
        ',' +
        parseInt('0x' + hex.slice(5, 7)) +
        ',' +
        opacity +
        ')'
    );
}
// 背景可以随意更换，不会影响透明的间隔
backgroundColor = {
    type: 'linear',
    x: 0,                 // 左上角x
    y: 0,                 // 左上角y
    x2: 0,                // 右下角x
    y2: 1,                // 右下角y
    colorStops: [
    {
        offset: 0.5, color: '#fff'
    }, {
        offset: 1, color: '#00F