JSFiddle - React, Tailwind, and code Playground

by anikettiwari

HTML

<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: 310px; height: 450px; max-width: 600px; margin: 0 auto"></div>

JavaScript

$(function () {
    var options = {
        chart: {
            renderTo: 'container'
        },
        plotOptions: {
            pie: {
                dataLabels: {
                    enabled: true,
                    distance: -60,
                    y: 10,
                },
                stacking: 'normal'
            }
        },
        series: [{
            type: 'pie',
            name: 'Browser share',
            data: [{
                name: 'point1',
                y: 10,
                dataLabels: {
                    rotation: 0
                }
            }, {
                name: 'point2',
                y: 24,
                dataLabels: {
                    rotation: 0
                }
            }, {
                name: 'point3',
                y: 24,
                dataLabels: {
                    rotation: 0
                }
            }, {
                name: 'point4',
                y: 14,
                dataLabels: {
                    rotation: 0
                }
            }, {
                name: 'point5',
                y: 16,
                dataLabels: {
                   // rotation: 0
                }
            }, {
                name: 'point6',
                y: 10,
                dataLabels: {
                    rotation: 0
                }
            }, {
                name: 'point7',
                y: 10,
                dataLabels: {
                    rotation: 0
                }
            }, {
                name: 'point8',
                y: 24,
                dataLabels: {
                    rotation: 0
                }
            }, {
                name: 'point9',
                y: 24,
                dataLabels: {
                    rotation: 0
                }
            }, {
                name: 'point10',
                y: 18,
                dataLabels: {
                    rotation: 0
                }
            }, {
                name:...