highcharts - 更改导航器的颜色

Question

我改变了导航线的颜色：颜色：'rgba(255, 255, 255, 0.00)' 我改变了线的颜色：lineColor: 'red' 这是我的图表

但我无法更改导航器行下的颜色：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
    }
}

Answer 1

你可能想试试这个：

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
    }
}