在悬停时更改highcharts的背景颜色

Question

我想在悬停时更改highchart的背景颜色。对于列，我们可以使用state.hover.color来完成。我尝试使用相同的整个图表，但它没有给我预期的结果。

jsfiddle

 states: {
            hover: {
                backgroundColor: '#FFFFFF'                                                           
            }
         }

我该怎么做？

Answer 1

基本上你需要使用

在图表的mouseover和mouseout上切换bgColor

chart.chartBackground.css({
   color: 'white',
});

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        zoomType: 'xy',
        backgroundColor: bg
    },
    plotOptions: {
        series: {
            events: {
                mouseOver: function () {
                    chart.chartBackground.css({
                        color: 'white',
                    });
                },
                mouseOut: function () {
                    chart.chartBackground.css({
                        color: 'red',
                    });
                }
            }
        }
    },

    //other option is the same as it was before.

    }]
});

Forked Fiddle