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
- How to display raw decimal numbers on tooltips in Highcharts.js
- adding series to highcharts from JSON
- How to change highmap bubble color
- Using a fill pattern instead of colour with HighCharts
- HighCharts display total of stacked column in labels
- Update Highchart data form exported button
- ScatterPlot Point Click Event Not Working
- Highcharts double y axis constant 0 value on both sides
- Extending highcharts in Angular
- Update Series Array on HighChart after editing the chart
- Highstock reverts to same color for columns
- Why is the first data on highcharts not like the others
- Highcharts stacked column chart 3 level drilldown from JSON
- jsPDF addHTML method not working with no error message
- highchart/highstock navigator doesn't work with keyboard
- Drilldown With Linked Series
- Highstocks displays too many ticks
- Highcharts : how to set yAxis max value inside angularjs controller
- Highcharts - prevent re-calculation of values when a series is hidden
- it seems me that javascript If...Else works strangely
- Set highcharts y-axis min value to 0, unless there is negative data
- How to change zone line color in highcharts
- Highcharts - Only Returning One Date on xAxis
- Highcharts load data from server ok, but not updating
- Angular4 with highcharts can't use world.js
- Highcharts cannot reload multiple series chart
- HighCharts Bullet Chart appears to ignore xAxis minTickInterval
- Is there any way to include heatmap in treemap
- How can I get inner slice when clicking on an outer slice in a HighChart donut chart?
- How To Dynamically Truncate The Y-Axis Title On Chart Resize/Reflow In Highcharts