score:10
Multiple series in navigator are not oficially supported, so only this "hack" which you use display multiply series in navigator. Example: http://jsfiddle.net/6fFwM/ This feature is requested in our system here (http://highcharts.uservoice.com/forums/55896-general/suggestions/2361925-allow-navigator-to-have-multiple-data-series), so you can vote for it.
window.chart.addSeries({
name : "",
xAxis: 0,
yAxis: 1,
type: "line",
enableMouseTracking: false,
data : new_data,
showInLegend:false
});
score:10
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
}]
Source: stackoverflow.com
Related Query
- Displaying multiple series in the navigator of an HighStock chart
- Wrong data display when i set multiple series type in highstock chart
- Highstock navigator step like the parent chart
- How could you supply multiple series to a line chart in R shiny using highcharter package and without hardcoding the series?
- Adding multiple series to the spline chart using dotnet high charts in asp.net mvc3
- finding the value in the series object and displaying in the tooltip of the high chart using angular 4
- Highstock scrollbar not covering the whole length in multiple series
- Strange character in the Highstock source code
- Highchart Line chart – data series with multiple axis - 2nd series placed in the middle of X axis
- HighStock navigator from a stacked area chart shows wrong series
- How to drag select multiple columns on highstock chart and have it reflect on the navigator?
- Sorting Scatter Highstock Chart with Multiple Series
- Is it possible create a Highstock chart using TWO PANES and MULTIPLE SERIES in a pane
- HighCharts Pie Chart - Displaying multiple series values in Tooltip
- Line chart with multiple series and irregular intervals not displaying correctly
- Highcharts - Sankey chart not displaying all the data when series font increased
- Multiple series highstock live chart not showing properly
- Multiple Series in HighStock navigator Angular
- Multiple series highstock live chart
- How can I fix the navigator issue in highstock when I have more than 1 series in different time intervals?
- highcharts - chart names for multiple pie chart series in one chart
- Change series data dynamically in react-highcharts without re-render of the chart
- Using Highcharts and displaying a message over or on the chart when there is no data
- Highstock chart: navigator displays the wrong area in negative-color
- Highcharts - Scatter chart with a line connecting the dots in the series
- Need stacked column chart with multiple series
- Multiple series in HighStock charts
- Use single color for all series in the same chart
- How can I extend the lines of this Highchart series to the edges of my chart area?
- Show gridLines when the chart is empty(no series) in highstock
More Query from same tag
- Node.js/Express not outputting console.log, highcharts.js giving undefined error
- Non-contiguous time series in Highcharts
- Highcharts + Highmaps module not working
- Highcharts: column overlaps when hiding by legend
- Highcharts : Display the labels (min, max, median etc.) in boxplot
- Set properties for a cell in a heatmap
- How could we plot graphical representation using High Charts where one x-axis value have multiple y-axis value
- Push array data into HighCharts?
- Angular Highcharts-ng how to set additional data series as tooltip
- Highcharts and highstock license with google ads web site
- In Highcharts can legends be shown as dropdown or option of select all deselect all legends?
- set Pie chart labels exact in center of Slices of PIE highcharts
- How to handle mouse events on axis labels in highcharts
- How to completely disable the mouse/finger interaction for highcharts
- Highmaps get() function on a secondary series
- Highcharts - Column With Negative Values - Column Color
- Highcharts. Place tooltip on top of all items
- Highmaps min/max color not working as expected
- how to auto create pdf using highchart graphs
- Why is the Highcharts tick placement different in two similar charts?
- Hover on areas not on point in Highchart-polygon
- In high chart library how to load image from hard disk not from network?
- how to implement multiple point data selection in highcharts?
- Custom hover / tooltip data on highcharts network chart
- Return type array in jquery
- How to get x-axis flags on dual axes chart with Highchart?
- mouseOver in Highcharts
- High Charts tooltip
- How to have a solid as well as dashed line in line chart highcharts
- HighCharts - number format with $ in its short form