javascript - 在 HighStock 图表的导航器中显示多个系列

Question

我想创建一个 HighStock 图表，其中包含一个显示多个系列的导航器组件，与主图中显示的系列相同。HighStock 似乎不支持此功能，因为只允许一个系列。有没有人遇到过这个问题并设法找到可行的解决方案/替代方案？

Answer 1

导航器中的多个系列不受官方支持，因此只有您使用的这个“hack”才能在导航器中显示多个系列。示例： http: //jsfiddle.net/6fFwM/我们的系统在此处请求此功能（http://highcharts.uservoice.com/forums/55896-general/suggestions/2361925-allow-navigator-to-have-multiple -data-series），所以你可以投票给它。

window.chart.addSeries({
        name : "",
        xAxis: 0,
        yAxis: 1,
        type: "line",
        enableMouseTracking: false,
        data : new_data,
        showInLegend:false
});

Answer 2

从 Highstock 5 开始，现在正式支持此功能。您可以全局或专门为每个系列指定showInNavigator: true( API )。一个相关的选项是navigatorOptions( API )，它将影响showInNavigator设置为的系列true。

例如：（JSFiddle）：

plotOptions: {
    series: {
        showInNavigator: true // Global value
    }
},

series: [{ // This series has no value set and will use global
    name: 'MSFT',
    data: MSFT
},
{
    name: 'GOOGL',
    showInNavigator: false, // Individual series value
    data: GOOGL
},
{
    name: 'ADBE',
    showInNavigator: true, // Individual series value
    navigatorOptions: { // Specific values that affect the series in the navigator only
        type: 'line',
        color: 'red'
    },
    data: ADBE
}]