白色边框/线条颜色设置在气泡图表中的气泡没有被重置从气泡鼠标

时间:2014-08-27 19:26:16

标签: javascript jquery html css highcharts

我试图在悬停时为气泡图中的气泡设置白色边框/线条颜色。我能够做到这一点,但是, 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'           
                  }
                }
              }
            },

1 个答案:

答案 0 :(得分:3)

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

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

例如,您完成的plotOptions.bubble.marker - 选项可能如下所示:

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

请参阅this JSFiddle demonstration