Set Additional Data to highcharts series

by

Yes, if you set up the series object like the following, where each data point is a hash, then you can pass extra values:

new Highcharts.Chart( {
    ...,
    series: [ {
        name: 'Foo',
        data: [
            {
                y : 3,
                myData : 'firstPoint'
            },
            {
                y : 7,
                myData : 'secondPoint'
            },
            {
                y : 1,
                myData : 'thirdPoint'
            }
        ]
    } ]
} );

In your tooltip you can access it via the “point” attribute of the object passed in:

tooltip: {
    formatter: function() {
        return 'Extra data: <b>' + this.point.myData + '</b>';
    }
}

Full example here: https://jsfiddle.net/burwelldesigns/jeoL5y7s/

More Related Contents:

  1. How can I get access to a Highcharts chart through a DOM-Container?
  2. Highcharts – Keep tooltip showing on click
  3. creating highchart with ajax json data
  4. customize highcharts tooltip to show datetime
  5. jQuery append function is just appending the html but not the classes related to it
  6. ReferenceError: event is not defined
  7. Which is the fastest way to loop? [for curiosity]
  8. Jquery replace only specific characters [closed]
  9. Regex for Email Address along with name format [duplicate]
  10. window.onload vs $(document).ready()
  11. What’s the best way to detect a ‘touch screen’ device using JavaScript?
  12. Is there a null-coalescing (Elvis) operator or safe navigation operator in javascript?
  13. Remove ALL white spaces from text
  14. Select all contents of textbox when it receives focus (Vanilla JS or jQuery)
  15. In jQuery, how do I select an element by its name attribute?
  16. Equivalent of jQuery .hide() to set visibility: hidden
  17. JQuery .on() method with multiple event handlers to one selector
  18. How can I update window.location.hash without jumping the document?
  19. Prevent contenteditable adding on ENTER – Chrome
  20. Javascript search inside a JSON object
  21. jQuery.parseJSON vs JSON.parse
  22. Multi-line string insert using jQuery
  23. Why is ‘event’ available globally in Chrome but not Firefox?
  24. Possible to associate label with checkbox without using “for=id”?
  25. Waiting on multiple asynchronous calls to complete before continuing
  26. Moving a focus when the input text field reaches a max length
  27. Web browser: Hide mouse cursor [duplicate]
  28. Is there an “after submit” jQuery option?
  29. Error: Permission denied to access property ‘handler’
  30. jQuery SVG vs. Raphael [closed]

Leave a Comment