如何使用悬停的每个系列点具有相同的半径?

时间:2015-03-02 18:26:11

标签: highcharts hover

如何使用悬停的每个系列点具有相同的半径?

如果悬停在系列点上,它的半径将会不同,并且还会有一个线宽......

我希望有一个半径相同且颜色为灰色的点

http://jsfiddle.net/1qj26hxw/

 plotOptions: {
                scatter: {                      
                 marker: {                     
                        states: {
                            hover: {    
                                radius: null,
                                radiusPlus: 0,
                                lineWidth: null,
                                lineWidthPlus: 0,
                                fillColor: {
                                    radialGradient: {
                                                    cx: 0.5,
                                                    cy: 0.3,
                                                    r: 0.5
                                                    },
                                        stops: [
                                                [0, "#ffffff"],
                                                [1, Highcharts.Color('GREY').brighten(-0.5).get('rgb')] //"#E8A317"
                                                ]
                                            }
                                 }
                            }
                         }
                    }
                },

修改

这是新的小提琴

http://jsfiddle.net/56zc1kzs/

现在鼠标悬停时每个点的半径不会改变。所以没关系。

但问题是,当悬停时,围绕该点,将有一个宽度为工具提示边框的颜色。 我怎么能删除那个边框?

我希望你能理解我......

感谢

1 个答案:

答案 0 :(得分:0)

我解决了......

在悬停时移除点周围的阴影,我必须添加:

plotOptions: {
            series: {
                states:{
                    hover:{
                        halo: false
                    }
                }
            }
    },

晕:假

如果您愿意,可以自定义 HALO

http://api.highcharts.com/highcharts#plotOptions.pie.states.hover.halo