饼图两部分, 不同旋转方向echarts 饼配置项内容和展示

项目需求的产物, 饼图只有两部分, 在同一位置同时朝不同的方向旋转. 思路: 两个重叠的饼图, 各显示一部分, 旋转方向不同. 但也有点瑕疵.细心会发现.

      option = {
    series: [{
            "name": '在线数',
            "type": 'pie',
            "radius": ['0', '70%'],
            "avoidLabelOverlap": false,
            "startAngle": 90,
            "clockwise": false,
            "hoverAnimation": false,
            "legendHoverLink": false,
            "animationDuration": 4000,
            "data": [{
                "value": 45,
                "label": {
                    "normal": {
                        "show": true,
                        "position": 'outside',
                        "formatter": '{a}: {c} 个',
                        "textStyle": {
                            "color": '#05FFE5',
                            "fontSize": '18'
                        }
                    }
                },
                "labelLine": {
                    "show": true,
                    "lineStyle": {
                        "color": "#05FFE5"
                    }
                },
                "itemStyle": {
                    "color": "#F48400"
                },
                "selected": true,
            }, {
                "itemStyle": {
                    "color": "transparent"
                },
                "name": '',
                "value": 55,

            }]
        }, {
            "name": '总数',
            "type": 'pie',
            "radius": ['0', '70%'],
            "avoidLabelOverlap": false,
            "startAngle": 90,
            "hoverAnimation": false,
            "legendHoverLink": false,
            "animationDuration": 3000,
            "data": [{
                "value": 55,
                "name": '',
                "label": {
                    "normal": {
                        "show": true,
                        "position": 'outside',
                        "formatter": '{a}: {c} 个',
                        "textStyle": {
                            "color": '#05FFE5',
                            "fontSize": '18'
                        }
                    }
                },
                "labelLine": {
                    "show": true,
                    "lineStyle": {
                        "color": "#05FFE5"
                    }
                },
                "itemStyle": {
                    "color": "#E75B44"
                },
            }, {
                "itemStyle": {
                    "color": "transparent"
                },
                "value": 45,
            }]
        }

    ]
}