Redrawing Chart after first load

east1999

Hi. I'm trying to link Highcharts to Datatable, but I can't redraw the chart whenever I attempt a search.

Here is the fiddle: https://jsfiddle.net/8qrojfoz/7/

I think it has to do with using initComplete and filling the chart from the JSON and not the rendered data, right? However, whenever I move this function out of initComplete, the returned arrays always come empty.

kthorngren

Here is an updated fiddle:
https://jsfiddle.net/qkff4a4a/

I made 4 or 5 changes and commented them, I think . Here are the highlights:

• Moved the getdata() function outside of initComplete
• initComplete now calls setTableEvents() and getdata()
  initComplete passes $('#mytable').DataTable() for the table variable to setTableEvents()
• getdata() also uses $('#mytable').DataTable() in place of table and uses selector-modifier to filter the rows based on the search
  var data = $('#mytable').DataTable().rows({search: 'applied'}).data();

Now it seems to behave as desired. At least it updates the chart appropriately.

Kevin

east1999

Have you really updated the fiddle? I'm still seeing mine :'(

kthorngren

Sorry, forgot to "update" (I'm used to the auto save of live.datatables.net

https://jsfiddle.net/qkff4a4a/2/

Kevin

east1999

I'm flabbergasted, my friend. This works like a charm and seems to be very efficient. Thank you so, so much!