highcharts - Highstock 标志悬停状态：更新字体颜色

Question

我可以更改 highstock 标志状态属性中的 fillColor，但我找不到更新 fontColor 的方法。当鼠标悬停在标志上时，我需要将字体从黑色更改为白色。

这是我当前的示例，它不起作用：

$(function() {
$('#container').highcharts('StockChart', {

    chart: {
    },

    rangeSelector: {
        selected: 1
    },

    series: [{
        name: 'USD to EUR',
        id: 'dataseries',
        data: usdeur
    }, {
        type: 'flags',
        data: [{
            x: Date.UTC(2011, 2, 8),
            title: 'C',
            text: 'Shape: "flag"'   
        }],
        color: '#5F86B3',
        fillColor: 'white',
        onSeries: 'dataseries',
        width: 50,
        style: { // text style
            color: 'black'
        },

        states: {
            hover: {
                fillColor: 'orange',
                fontColor: 'white',
                style: {
                    color: 'white'
                },
            }
        }
    }]
});
});

http://jsfiddle.net/MqV4D/1/

有没有人有任何解决方法？或者可以更新 highstock 以支持此功能？

谢谢！

Answer 1

您可以使用 mouseover 事件和 CSS 函数来修改颜色。

http://jsfiddle.net/MqV4D/3/

 events:{
                mouseOver:function(){
                    this.data[0].graphic.css({
                        color:'red'
                    });
                },mouseOut:function(){
                    this.data[0].graphic.css({
                        color:'black'
                    });
                }
            },