Increase pie chart size onhover - Javascript highcharts

Javascript examples for highcharts:Pie Chart

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

Description

Increase pie chart size onhover

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <title>Highcharts Demo</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/highcharts.src.js"></script> 
      <div id="container"></div> 
      <script type="text/javascript">
var chart = Highcharts.chart('container', {
  series: [{/*from ww w .j  a v a 2 s . c  o  m*/
    data: [1, 2],
    type: 'pie',
    size: 200,
    events: {
      mouseOver: function() {
        this.update({
          size: 300
        });
      },
      mouseOut: function() {
        this.update({
          size: 200
        });
      },
    }
  }]
});

      </script>  
   </body>
</html>

Related Tutorials