Javascript 扩展最小和最大日期时，highcharts navigator系列中的数据点值不正确

我最近更新了highstock，其中我使用了一个图表，显示了“扩展范围”的值，即最小和最大日期设置在图表数据边界之外

更新之后（修复了其他一些bug），我注意到底部navigator系列中的最后一个数据点与实际系列中的数据不一致。可以看出，在最右边的底部有一个额外的数据点，在实际的系列中不存在。

这也可以在网站上查看

创建图表的代码如下所示

$(function () {
    var fromdate = new Date('2011-04-01');
    var todate = new Date('2012-05-21');
    var series = [{
        color: 'red',
        data: MSFT,
        name: 'MSFT'
    }];
    $('#container').highcharts('StockChart', {
        navigator: {
            series: {
                data: series[0].data,
                color: '#4572A7',
                fillOpacity: 0.05
            }
        },
        xAxis: {
            ordinal: false,
            min: fromdate.getTime(),
            max: todate.getTime()
        },
        legend: {
            enabled: true
        },
        series: series
    });
});

现在，如果我将navigator.series属性更改为

navigator: {
    series: series
}

导航器图表是正确的，因为当没有更多可用数据时，右侧的值被截断。这就是我想要的；唯一的问题是颜色与系列相同，我希望它使用我的自定义颜色，如第一个示例中所示

那么，我如何配置HighStock以切断navigator图表中的最后一个值，同时能够为系列使用自定义颜色呢？

Hm，我有一个“快速修复”来解决这个问题，因为我不确定我将如何配置highcharts来为我做到这一点

使用jQuery，我可以在导航器中提取行，因为highcharts（至少）将一个类应用于该系列。它为所有系列（包括“主区域”中的系列）设置类名，但最后一个系列似乎是navigator系列，如果文档中有多个highcharts图表，则为每个奇数系列

$(function () {
    // ... as previous
    $('#container').highcharts('StockChart', {
        navigator: {
            series: series
        },
         // ... as previous
    });

    // added code to apply a custom style to the navigator line diagram
    var navseries = $('.highcharts-series:last').children();
    // can be undefined if the series has no data points
    if (navseries) {
        navseries.css('stroke', '#4572A7');
        navseries.css('strokeWidth', 1);
        navseries.css('fillOpacity', 0.05);
    }
});

---

在navigator中，空值具有“最后一个点值”，因此请使用您提到的navigator。这是最好的方法。像我提到的那样使用导航器？在这种情况下，如何在navigator系列上获得自定义颜色？可以使用Highcharts.merge组合对象。例子：