Question

我能够在highstock flag states属性中更改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

您可以使用鼠标悬停事件和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'
                    });
                }
            },

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

1 个答案: