javascript - 更改 Highcharts 中的鼠标悬停点

标签 javascript jquery graphics svg highcharts

有人可以帮我解决我的问题吗?

我有这个饼图,

enter image description here

当我将鼠标悬停在其上时,我需要更改点(段)

enter image description here

您能给我建议的最佳方式是什么?

也许是这样的,改变点,但我不知道该怎么做

plotOptions: {
        series:{
            point:{
                events: {
                    mouseOver: function( e ){
                        console.log( this )
                    }
                }
            }
        }

    },

最佳答案

尝试使用 element.attr() 仅更新图形,请参阅:http://jsfiddle.net/rh5fz92q/

    plotOptions: {
        pie: {
            point: {
                events: {
                    mouseOver: function(e){
                        this.defaultR = this.graphic.r;
                        this.graphic.attr({
                            r: 200
                        });
                    },
                    mouseOut: function(e){
                        this.graphic.attr({
                            r: this.defaultR
                        });
                    }
                }
            }
        }
    }, 

关于javascript - 更改 Highcharts 中的鼠标悬停点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18874440/

相关文章:

javascript - 传播语法删除

javascript - CSS 在 DevExtreme 中切换子菜单

javascript - 如何将点击的视频 block 打开到弹出模式?

javascript - JQuery - 检查 IMG src 是否有效

c# - 如何在不在 WPF 中创建新的 Point 对象的情况下设置 shape.Position?

javascript - 如何获取 Node JS Stream 中数据的大小

Javascript中断页面请求

javascript - AWS Cognito 身份池 : AWS Credentials Expiration/Renewal

java - JPanel/JPanel 上的随机矩形

r - 将r基图分配给一个值