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