score:1
Accepted answer
all you need to do is to connect the navigator range with x-axes extremes by using setextremes
method. the below example is using a navigator from highstock.
xaxis: {
...,
events: {
aftersetextremes: function(e) {
chart1.xaxis[0].setextremes(e.min, e.max, true, false);
chart2.xaxis[0].setextremes(e.min, e.max, true, false);
}
}
}
live demo: http://jsfiddle.net/blacklabel/4lfegyqa/
api reference: https://api.highcharts.com/class-reference/highcharts.axis#setextremes
Source: stackoverflow.com
Related Query
- How can you combine multiple graphs and control with one range selector with Highcharts?
- High chart - Column Range Chart with Time range. How to get tooltip as Start and End time
- How can I automate high charts and graphs using selenium webdriver?
- Why does highcharts sankey chart sometimes combine multiple nodes with same node name but different Id into one and hide the lines?
- how to hide/show scrollbar and range selector of highcharts on button click?
- How can you have more than 10 colors represented in the graph and legend in highcharts?
- How can I disable the Highstocks range selector buttons when loading data asynchronously?
- How can I update two highcharts with one dropdown menu?
- How can I hide non-selected series and axes when using XY zoom with highcharts?
- How do I display multiple charts automatically with PHP and MYSQL?
- How can I put custom color in High Charts PIE data | Slice and want to change slice text
- How can I have both a legend and data labels, with different labels, in Highcharts?
- How could you supply multiple series to a line chart in R shiny using highcharter package and without hardcoding the series?
- Highcharts multiple graphs stacked in seperate "<div>" with combine zooming
- how to show if no result given date range and 0 result with django annotate?
- How can I combine highcharts with different but similar x-axis categories?
- How do I create a columnrange highchart with a point object (consisting of one x and two y values)?
- how can we draw column chart with stacked column chart in a single high chart?
- Highcharts - how to display multiple graphs on one page using multiple xml files
- How can I prepare a Group Stacked Bar Chart in Highcharts using multiple and different types of data?
- How do you convert time series data with pandas and show graph via highstock
- How can show multiple data on hover with highmaps?
- How can i avoid congestion between x and y axis in my graph with highcharts?
- How to have multiple highcharts with different series data in vuejs without repeating code
- How to combine highcharts (heatmap) and table (mapping each table row with heatmap row)?
- Displaying multiple graphs on one page using lazy high charts
- How can i draw a high chart with two labels in x coordinate using highchart
- Line and column combo chart with multiple columns for each category, how to position line marker for each category on a specific column?
- How can you align the left and right Y-axes of vertically stacked HighCharts charts?
- How to get work range selector with Highcharts with a function?
More Query from same tag
- Formatting JSON Data with ColdFusion for HighCharts
- How to disable LegendClick event in HighCharts using the Objective-C wrapper?
- Highcharts increase the space/gap between grouped data series
- Highchart export in Internet explorer
- HighCharts not being displayed in Partial view
- Highcharts + R: Show tooltip values in million/billion etc. automatically
- highcharts-react-native not working in iOS binary (.ipa)
- How to change tooltip valueSuffix after chart is rendered?
- How to Check and Uncheck all the Legend elements in HighCharts Linechart?
- Python: Read data from Highcharts after setExtreme
- Strange behavior Highcharts pie chart in document mode IE8
- stockChart is not defined(…)
- Always display data labels above columns in HighCharts
- How to combine 2 series in area chart - Highchart
- How to combine values of objects with common key in JavaScript?
- How to show highchart coloraxis min max value?
- how to reduce/increase gap between horizontal legends- highcharts
- date format after using `list_parse` with highcharter
- How can I disable tooltips during selection?
- Highcharts all js in one package
- Highcharts columnchart: How to separate overlapping columns
- Highcharts if title contains number it shows invalid data
- how to show PHP array in jQuery alert?
- Responsive Highcharts
- Adding Labels to the Left or Right of Highcharts Funnel Visualization
- HighCharts Boxplot side by side Xaxis
- The graph disappear after change marker style and then change the line color
- HighCharts and Map Bubble are not compatible
- Highcharts export chart exportSettings with svg file
- Highcharts in angular scope problem with passing class reference