javascript - Highcharts:如何去除导航器中数据线下方的颜色

Question

在导航器的 Highchart 中，线条下方有浅色。它给出了面积图的效果。可以删除此颜色，以便在 Highchart 导航器中仅显示一条线。

我说的是线条下方的浅蓝色:

代码:

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

        navigator: {
            maskFill: 'rgba(180, 198, 220, 0.75)'
        },

        rangeSelector: {
            selected: 1
        },

        series: [{
            name: 'USD to EUR',
            data: usdeur
        }]
    });
});

Answer 1

检查这个out

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

        navigator: {
            maskFill: 'rgba(180, 198, 220, 0.75)',
            series: {
                color: '#4572A7',
                fillOpacity: 0.00,
                lineWidth: 1
            }
        },

        rangeSelector: {
            selected: 1
        },

        series: [{
            name: 'USD to EUR',
            data: usdeur
        }]
    });
});