score:10
Accepted answer
Figured out the Issue. Detailed here: http://highslide.com/forum/viewtopic.php?f=12&t=15255
Basically the Highcharts.charts function clears the series data from the original options object.
This is my working code:
var chart;
var chartData = { /* you chart data goes here */ };
$('#legendlocation-select').blur(function updateChartLegend(){
console.log($('#legendlocation-select').val());
if($('#legendlocation-select').val()==='none'){
chart.options.legend.enabled = false;
}else{
chart.options.legend.enabled = true;
chart.options.legend.align = $('#legendlocation-select').val();
}
renderChart();
});
function renderChart(){
//console.log(chartData);
if(chart == undefined){
console.log("First Draw");
chart = new Highcharts.Chart(chartData);
}else{
console.log("Redraw");
chart.options.chart.animation = false;
chart = new Highcharts.Chart(chart.options);
chart.render();
}
};
Source: stackoverflow.com
Related Query
- Render Highcharts after user updated labels
- Highcharts - Updating a chart's option after initial render
- Add highcharts plotband after render in R shiny/rcharts
- Change Highcharts Legend Display After Render
- Highcharts update pointRange, pointWidth after initial render
- HighCharts - How to reposition labels after legend is clicked
- How to render x-axis labels in Highcharts without the decimal points?
- Vue Highcharts display graph for each user after routing
- Ability to show labels of checked serie after rendering highcharts
- Highcharts heatmap chart labels render extremely slow
- Highcharts Render Text after animation
- Highcharts remove labels after chart creation / drilldown
- Highcharts axis labels cluttered but after a refresh, it'll be OK
- Updating the axis of a highcharts chart object using jquery after inital render (django)
- Highcharts y-axis labels removed after zoom out
- Highcharts column chart - transform columns manually after render
- Python: Read data from Highcharts after setExtreme
- Highcharts 3 cannot render more than 1000 points in one series
- Format Highcharts y-axis labels
- Highcharts text labels for y-axis
- Always display data labels above columns in HighCharts
- Render Highcharts canvas as a PNG on the page
- How to hide labels in the highcharts in the pie
- Automatically zooming in on highcharts after loading
- Highcharts remove zero value labels
- Get Highcharts Series Data after Load
- Change Highcharts tooltip formatter from chart Object , after chart is rendered
- How to prevent highcharts from shortening labels with ellipsis
- Highcharts Pie Chart.How to set labels in two lines
- Show only time labels on xAxis. Highcharts
More Query from same tag
- Highstock Series Tooltip Data
- Convering yyyy-mm-dd to unix timestamp in array and put it back at the same position after converted it. [Javascript]
- Formatting datetime in Highcharter tooltip
- Using custom boundaries in high map
- How can I stop HighCharts drawing an extra 'tick' outside the graph area?
- How to update config in HighChart with React hooks?
- Unable to create Highchart where i can show different - different data on clicking category and series
- How to align legends in pie charts dynamically pointing towards pie chart
- Highstock: Can we rotate 90 degrees a candlestick chart?
- Image inside Highcharts ring
- How to label Highcharts tooltip from json data?
- Highcharts - Dynamically change chart type with on radio buttons click
- Highcharts: get category name on column click
- how to implement moving average in highchart
- Highcharts columns are thin when 10+ series displayed
- Highcharts - connect points with a line in scatter plot on hover
- Highcharts - How to get Max and Min value between 2 dates
- Android highcharts display single entry bar chart
- Update all Highcharts chart series synchronously
- How to use highmaps in react?
- Changing bar colors on data that is within the same series data
- Erro in ReactJS - Module not found: Can't resolve 'highcharts'
- different pointWidths for series in column chart
- Highcharts columns(min,max) colors
- How to set 'lang' property in Highcharts using Angular JS?
- Nothing displayed in Highchart Column
- How to dynamically load highcharts
- Highcharts skipping second x-axis label
- Highcharts Image click event
- Highcharts - line chart dataLabels on every other point?