Polar Chart to Specify Data Series and Tooltips for each Axis - Javascript highcharts

Javascript examples for highcharts:Chart Tooltip

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

Description

Polar Chart to Specify Data Series and Tooltips for each Axis

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   www  . java 2  s . c  o m*/
    $('#container').highcharts({
        tooltip: {
            formatter: function () {
                return 'x: '+ this.x + ', y: ' + this.y+ ', z: ' + this.point.z;
            }
        },
        series: [{
            data: [
                {x: 0, y: 0, z: 100},
                {x: 1, y: 5, z: 120},
                {x: 2, y: 2, z: 210}
            ]
        }]
    });
});

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

Related Tutorials