Javascript High Charts 更改 Rec Rill 悬停颜色

Question

在我的改变中，我已经像这样改变了 contentButton:

exporting: {
    buttons: {
        contextButton: {
            symbol: 'url(newimage.png)',
            y: 6.5,
            menuItems: Highcharts.defaultOptions.exporting.buttons.contextButton.menuItems.slice(0,7)
        }
    }
},

我的问题是，当我将鼠标悬停在它上面时，会出现一个

<rect fill="#e6e6e6" ... 

出现的是错误的颜色。

这是由 highcharts 添加的，所以...

如何更改该填充的颜色？

Answer 1

您可以通过设置 theme.states.hover.fill 属性来更改它。

 contextButton: {
                theme: {
                  states: {
                    hover: {
                      fill: 'black'
                    }
                  }
                }
            }

示例:http://jsfiddle.net/b6ch8z5x/

更新

也可以编辑按下按钮时激活的select状态。

theme: {
                  states: {
                    select: {
                      fill: 'blue'
                    } 
                  }
                }

示例:http://jsfiddle.net/b6ch8z5x/4/

其他选项列在 navigation.buttonOptions 下在 API 文档中。