Format tooltip using function - Javascript highcharts

Javascript examples for highcharts:Chart Tooltip

  1. HOME
  2. Javascript
  3. highcharts
  4. Chart Tooltip

Description

Format tooltip using function

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <title>Highcharts Demo</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
      <script type="text/javascript">
$(function () {/*from   w  w w. j  a  va2 s . c  om*/
    var zreadactivity = ['a', 'b', 'c'],
        TotalValue = [1, 2, 3],
        options = {
            tooltip: {
                formatter: function () {
                    return this.point.zreadactivity;
                }
            },
            series: []
        },
        data = [];
    $.each(TotalValue, function(i,tV){
        data.push({'y': tV, 'zreadactivity': zreadactivity[i]});
    });
    options.series[0] = {data: data};
    $('#container').highcharts(options);
});

      </script> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/highcharts.js"></script> 
      <div id="container" style="height: 400px"></div>  
   </body>
</html>

Related Tutorials