如何建立拆分甜甜圈图表

时间:2013-09-06 05:52:25

标签: javascript jquery highcharts

我需要建立一个饼图/圆环图,外圈不会在图表的整个圆周上继续:

enter image description here

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

在plotOptions {series {event {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
        });
}
}

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

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

解决 - 添加下面的事件以清除默认的mouseOut函数,然后使用.graphic.attr进行更改。

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