悬停时为气泡图中的气泡设置的白色边框/线条颜色不会在鼠标从气泡中移出时重置

Question

我正在尝试为气泡图中的气泡设置悬停时的白色边框/线条颜色。我能够做到这一点，但是， 1. 鼠标移出白色边框/线条颜色仍保持不变，不会重置为默认线条颜色。 2. 如何增加气泡外的笔画宽度？

请帮忙。这是演示：http://jsfiddle.net/JKLzy/17/

plotOptions:{
            bubble:{
              allowPointSelect:true,
              marker: {
                lineColor:'',
                  states:{
                    hover:{
                      enabled:true,
                      lineWidth:1,
                      lineColor:'white'
                    }
                  }
                }
              },
              states:{
                hover:{
                  marker:{
                       lineWidth:0,
                      lineColor:'white'           
                  }
                }
              }
            },

Answer 1

悬停结束后它似乎粘在白色的原因是在您的代码中您已将标记线颜色设置为lineColor:''。这不是有效的颜色。删除它，您的悬停线效果应该可以正常工作。

要调整笔画的宽度，只需更改lineWidth。

例如，您完成的plotOptions.bubble.marker-options 可能如下所示：

marker: {
    states:{
        hover:{
            lineWidth: 3,
            lineColor: 'white'
        }
    }
}

见this JSFiddle demonstration。