JSFiddle - React, Tailwind, and code Playground

by Kesav Telaprolu

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

<script>
	
	Highcharts.chart('container', {
    


  series: [
    {
      states: {
        hover: {
          enabled: true
        }
      },
      data: [
        {
          y: 10,
          borderWidth: 2,
        },
        {
          y: 18,
          borderWidth: 2,
        }
      ],
     
      
    }
  ],
  chart: {
    type: 'pie',
  },
  
 plotOptions: {
    pie: {
      states: {
            hover: {
              borderColor: 'blue',
              borderColor: 'yellow',
              borderWidth: 4,
              halo: {
                size: 10,
                opacity: 1,
                attributes: {
                  fill: 'green',
                }
              }
            }
          }
    }
  },


	});
</script>
</body>

</html>