score:2
Accepted answer
I looked that your question here for your code. The problem is that you aren't updating your chart when your series type changes but instead you are re-creating the whole chart. Anything drawn on it or zoom options that have been changed will not be preserved. So, instead of re-creating the chart, just update it. For instance to change the series type do:
Highcharts.charts[0].series[0].update({'type':type}); // set the first series to a type
See this fiddle example.
Source: stackoverflow.com
Related Query
- How to stop resetting zoom when switches to other chart type in highcharts
- How to change scrollbar position when switching chart type in highcharts
- How to stop Highcharts y-Axis bar-chart labels being skipped when height is small?
- Highcharts - how to do a responsive pie chart when the texts of the labels are long
- How to show open, close, high and low in tooltip when the chart type is 'line' in highstocks?
- React-highcharts: how do I stop the chart from re-animating when a certain prop changes?
- Highcharts xRange Chart timeline not shown when zoom
- How to show values in Highcharts tooltip other than x and y when data points are too high?
- How do i color the highcharts legend square symbol when my chart has multiple color entries
- How to stop Highcharts from recalculating ticks positions when a series is toggled?
- resetting chart title on zoom button click in highcharts
- Highcharts Heatmap - How to get blocks next to each other when separated by more then '1' in value
- Highcharts cloud issue with data source when duplicating chart
- how to stop ajax call in live highcharts when no new data
- How can I display a Highcharts organization chart with level 1 nodes below other level 1 nodes?
- How can I fix the error #17 "The requested series type does not exist" error when trying to display a highcharts graph in Vue.js?
- Highcharts how to zoom in programmatically? same as when you select and area for zooming visually?
- How do I stop Highcharts creating a new gridline at the extremities of the chart unless a data point exceeds the min/max gridline?
- How to create a column range chart in Highcharts using range and navigator functions?
- How can I get access to a Highcharts chart through a DOM-Container?
- How to set Highcharts chart maximum yAxis value
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Highcharts - how to have a chart with dynamic height?
- How do I rotate my HighCharts bar chart so its vertical, not horizontal?
- Highcharts => Getting the id of a point when clicking on a line chart
- How to make highcharts scrollable horizontally when having big range in x-axis
- Highcharts saying undefined is not a function when trying to add a new chart
- How do you increase the performance of highcharts chart creation and rendering
- HighCharts - How to create dynamic chart that exports EVERYTHING
- Javascript Highcharts v3.0.5 - How to hide Y Axis Title when using multiple Y Axis
More Query from same tag
- highstock 1.3 disable navigator dragging redraw
- High charts gauge-solid and different data sets
- How to skip a value in highcharts.js?
- How to combine highcharts (heatmap) and table (mapping each table row with heatmap row)?
- Highcharts: dateTime in milliseconds is not recognized
- Activity Gauze Highchart DataLabel
- Trying to design with highChart but colors are not showing up
- Using BigInt numbers in highcharts
- Highcharts Highmaps - hover / click external list and show on map
- Force-directed graph in Highcharts has lost its lines
- Highcharts - SMA Indicator does not display
- Highcharts - Multiple Subtitle (2)
- Highcharts pie donut with gradient
- Dashed line in Line plus bar chart NVD3
- Tooltip doesn't display on highchart graph
- Highstock and multiple JSON
- Highcharts: converting millimeters to pixel
- Highcharts Graph displays correctly ONLY on Window Resize
- Highchart: xAxis Label text not displayed when plotting 2 points
- Highchart Polar chart - 4 nested circle with different series
- space proportional between points in x-axis
- Add a custom text tooltip that differs from point to point in Highcharts
- Laravel real time Highcharts
- Highstocks: Move Renderer elements along with navigator/ Draw Trendlines
- Overlapping columns in highchart
- How to draw multiple highcharts using highcharts-ng and angularjs
- Highcharts 'area' type with normal stacking looks weird
- Highcharts: How to change colors of all areas except hovered one on MouseOver event in area plot
- How to change the X and Y axis names of Pie chart High Chart?
- Populating a highchart graph from a linq query