Image Highcharts:在悬停时替换自定义按钮图像

Image Highcharts:在悬停时替换自定义按钮图像,image,button,highcharts,Image,Button,Highcharts,我添加了一个新的自定义按钮,并希望在鼠标悬停时更改其填充。 在使用符号图像时可以这样做吗? 如果没有,我有另一个看起来相同但填充颜色不同的符号 所以看起来像是在盘旋?有没有办法在鼠标输入/鼠标输出时替换图像 问候 Chanan看看这个例子: 下面是一个jFiddle示例,介绍如何将我自己的图像添加到自定义按钮:您好,我以前见过这个答案,但在执行放大缩小(Ctrl+/-)操作时出现问题,按钮会从原来的位置移动。检查导航按钮-它们的行为不是这样的,它们继续固定在原来的位置。PS:如果您注意到我添加的

我添加了一个新的自定义按钮,并希望在鼠标悬停时更改其填充。 在使用符号图像时可以这样做吗? 如果没有,我有另一个看起来相同但填充颜色不同的符号 所以看起来像是在盘旋?有没有办法在鼠标输入/鼠标输出时替换图像

问候 Chanan

看看这个例子:


下面是一个jFiddle示例,介绍如何将我自己的图像添加到自定义按钮:您好,我以前见过这个答案,但在执行放大缩小(Ctrl+/-)操作时出现问题,按钮会从原来的位置移动。检查导航按钮-它们的行为不是这样的,它们继续固定在原来的位置。PS:如果您注意到我添加的jFIDLE作为注释,我有一个导航按钮(例如导出)随着符号的改变-现在我需要让它看起来更像一个按钮-意味着当鼠标指针/鼠标指针将其alpha颜色更改为50%或将其填充颜色更改为与打印按钮相同时
 normalState = new Object();
    normalState.stroke_width = null;
    normalState.stroke = null;
    normalState.fill = null;
    normalState.padding = null;
    normalState.r = null;

    hoverState = new Object();
    hoverState = normalState;
    hoverState.fill = 'red';

    pressedState = new Object();
    pressedState = normalState;

    var custombutton = chart.renderer.button('button', 74, 10, function(){
        alert('aaa');
    },null,hoverState,pressedState).add();