highcharts悬停效果问题

Question

我想在我的项目中使用半圆甜甜圈Highchart。我想在此高图中使用多圈甜甜圈但是，当我将鼠标悬停在外圈上时，它会突出显示很好，但是当我将鼠标悬停在内圈上时，它会同时突出显示两个戒指。

我用这个去除了多余的阴影-

        states: {
            hover:  {
                halo: false
                    }
               }

  }

但不能使外圈不突出显示。

jsfiddle此处-https://jsfiddle.net/s4bgyjto/

我希望当我仅将鼠标悬停在内环上时，不应该突出外环。

Answer 1

两个饼图只是重叠。尝试玩：

• innerSize-增加空的中心间距
• 中心-略微改变图表的位置
• 大小-增加图表的大小

最后尝试将第一个图表的设置修改为：

series: [{
     type: 'pie',
     name: 'Browser share',
     innerSize: '92%',
     center: ['50%', '75%'],
     size: '120%',
     ...
}]

应解决问题。

Working example