How can I get access to a Highcharts chart through a DOM-Container?

by

Highcharts 3.0.1

Users can use the highcharts plugin

var chart=$("#container").highcharts();

Highcharts 2.3.4

Read from the Highcharts.charts array, for version 2.3.4 and later, the index of the chart can be found from the data on the <div>

 var index=$("#container").data('highchartsChart');
 var chart=Highcharts.charts[index];

All versions

Track charts in a global object/map by container id

var window.charts={}; 
function foo(){
  new Highcharts.Chart({...},function(chart){  
      window.charts[chart.options.chart.renderTo] = chart;
  });
}

function bar(){
  var chart=window.charts["containerId"];
}

Read Mode @ Highcharts Tips – Accessing Chart Object From a Container ID

P.S.

Some additions were made in the newer versions of Highcharts since writing this answer and have been taken from answers from @davertron, @Nerdroid and @Frzy, please upvote their comments/answers as they deserve the credit for these. Adding them here as this accepted answer would be incomplete without these

More Related Contents:

  1. jQuery. Find all attribute values within/under elements `script or noscript or iframe` that have attribute keys as `src or href` [closed]
  2. jQuery document.createElement equivalent?
  3. How can I select an element by name with jQuery?
  4. What is the most efficient way to create HTML elements using jQuery?
  5. How do I create a link using javascript?
  6. How to show Page Loading div until the page has finished loading?
  7. Finding line-wraps
  8. How to get the element clicked (for the whole document)?
  9. Why are duplicate ID values not allowed in HTML?
  10. Is there a DOM event that fires when an HTML select element is closed?
  11. How to find a parent with a known class in jQuery?
  12. jQuery: how to change tag name?
  13. Is there any “on DOM change” event? [duplicate]
  14. Get the DOM path of the clicked
  15. How to move table row in jQuery?
  16. Jquery Event Not Triggering for DOM Elements Created after page load [duplicate]
  17. Why do multiple `.appendTo` calls on a newly created jQuery element only append it once?
  18. How to add DOM element script to head section?
  19. Uncaught TypeError: Cannot read property ‘top’ of undefined
  20. JQuery html() vs. innerHTML
  21. Open new window without focus on it [duplicate]
  22. How can I remove wrapper (parent element) without removing the child?
  23. User Activity Tracking using javascript library [closed]
  24. window.getSelection return html [duplicate]
  25. How to properly unload/destroy a VIDEO element
  26. How to get on-screen visible element objects in jQuery? [duplicate]
  27. Test if an element can contain text
  28. Why I cant use jQuery functionality
  29. Dynamically adding div on button click and changing Id of each?
  30. Run change event for select even when same option is reselected

Leave a Comment