Accepted answer

Multiple series in navigator are not oficially supported, so only this "hack" which you use display multiply series in navigator. Example: This feature is requested in our system here (, so you can vote for it.

        name : "",
        xAxis: 0,
        yAxis: 1,
        type: "line",
        enableMouseTracking: false,
        data : new_data,


From Highstock 5 this is now officially supported. You can globally or specifically for each series specify showInNavigator: true (API). A related option is navigatorOptions (API) which will affect the series that have the showInNavigator set to true.

For example: (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

Related Query

More Query from same tag