javascript - 如何构建拆分圆环图

Question

我需要构建一个饼图/甜甜圈图，其中外环不会在图表的整个圆周上继续：

我显然已经设法绘制图表，但现在需要将绿色切片视为一个单元，即使它实际上是一个内部和外部切片 - 尝试使用 mouseOver/Out 没有运气（mouseOver 的更改，正则表达式错误出）：

在 plotOptions { series { point { events 我这样做：

mouseOver: function () {                                            
    if (this.name == "") {
        this.options.oldColor = this.color;
        this.update({
            color: 'red'                                                                     
        });                                                
    }
},
mouseOut: function () {                                         
    if (this.options.oldColor != null && this.name == "") {
        this.update({
            color: this.options.oldColor
        });
}
}

我还需要保持工具提示...

有任何想法吗？

Answer 1

已解决 - 添加了以下事件以清除默认的 mouseOut 功能，然后使用 .graphic.attr 进行更改。

events: {
    load: function () {
        var seriesPoints = this.series[0].points;
            for (var i = 0; i < seriesPoints.length; i++) {
                seriesPoints[i].onMouseOut = function () { };
                }
            }
        }