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
- 'How to read a file content until 'n' occurrences of a character and write it into a variable", using javascript?
- highcharts / highstock doesn't show markers after 500 pts
- ReferenceError: Highcharts is not defined while including html file (with JS and CSS ) into other html file
- C# DotNet.Highcharts Column datalabel percentage
- Generate HighChart between two dates using Ajax
- Highcharts how to use js object in PHP widget
- Highcharts polar background color
- Using chart.update on a chart using renderTo
- Centering labels in pie. Highcharts
- Highcharts issues with date
- Highchart : How to plot Stacked bar graph with line by below JSON respons
- How can I have month and year in x axis, display as number in Highcharts?
- Convert DataTable to array for highcharts
- Highcharts: how do I align data labels on the right in a bar chart?
- Highstock weird y-axis scale difference in same data dual series
- Producing an area chart in D3 similar to Highcharts Basic Area
- How do I remove the color swatch from my HighCharts legend without affecting the column?
- Highstock chart: navigator displays the wrong area in negative-color
- Highcharts Plugin Recently Broke - "this.init is not a function"
- How to add Series data in Highcharts from MVC
- Updating Highcharts column chart based on drop down-menu
- Is it possible to maintain the fillcolor when the y-axis is reversed?
- highcharts: get yaxis title?
- Marker should follow Cursor
- R highcharter: putting heatmaps into motion
- How to make highchart clickable?
- HTML displaying values in JavaScript "data"
- Never want to hide tooltip on highcharts
- Get corresponding y-axis value for x-axis in HighCharts
- PHP: Convert date to Javascript date (January = zero)