更改导航器的颜色

时间:2012-11-14 09:18:12

标签: highcharts

我在导航器的线条上更改了颜色:颜色:'rgba(255, 255, 255, 0.00)' 我更改了该行的颜色:lineColor: 'red' 这是我的chart

但我无法更改导航器行下的颜色:ScreenShot

导航器的所有代码:

navigator: {
    maskFill: 'rgba(255, 255, 255, 0.45)',
    series: {
        type: 'areaspline',
        color: 'rgba(255, 255, 255, 0.00)',
        fillOpacity: 0.4,
        dataGrouping: {
            smoothed: false
        },
        lineWidth: 2,
        lineColor: 'red',
        marker: {
            enabled: false
        },
        shadow: true
    },
    yAxis: {
        reversed: true
    }
}

1 个答案:

答案 0 :(得分:5)

你可能想试试这个:

navigator: {
    maskFill: 'rgba(255, 255, 255, 0.45)',
    series: {
        type: 'areaspline',
        color: 'rgba(255, 255, 255, 0.00)',
        fillOpacity: 0.4,
        dataGrouping: {
            smoothed: false
        },
        lineWidth: 2,
        lineColor: 'red',
        fillColor : {
            linearGradient : {  
                x1 : 0, 
                y1 : 0, 
                x2 : 0, 
                y2 : 1 
            }, 
            stops : [[0, '#FF8000'], [1, '#FFFF00']] 
        },
        marker: {
            enabled: false
        },
        shadow: true
    },
    yAxis: {
        reversed: true
    }
}