JSFiddle - React, Tailwind, and code Playground

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: 400px; height: 400px; margin: 0 auto"></div>

<a id="resetChart" href="#">Reset</a>
<a id="deleteSerie" href="#">Delete</a>

JavaScript

var chart = null,
    defaultOptions = {

        chart: {

            renderTo: 'container',

            plotBackgroundColor: null,

            plotBorderWidth: null,

            plotShadow: false

        },

        title: {

            text: 'Browser market shares at a specific website, 2010'

        },

        tooltip: {

            formatter: function() {

                return '<b>' + this.point.name + '</b>: ' + this.percentage + ' %';

            }

        },

        plotOptions: {

            pie: {

                allowPointSelect: true,

                cursor: 'pointer',

                dataLabels: {

                    enabled: true,

                    color: '#000000',

                    connectorColor: '#000000',

                    formatter: function() {

                        return '<b>' + this.point.name + '</b>: ' + this.percentage + ' %';

                    }

                }

            }

        },

        series: [{

            type: 'pie',

            name: 'Browser share',

            data: [

                ['Firefox', 45.0],

                ['IE', 26.8],

            {

                name: 'Chrome',

                y: 12.8,

                sliced: true,

                selected: true

                },

                ['Safari', 8.5],

                ['Opera', 6.2],

                ['Others', 0.7]

                ]

            }]

    };

function drawDefaultChart() {
    chart = new Highcharts.Chart(defaultOptions);
}

$(function() {

    $(document).ready(function() {

        drawDefaultChart();

    });
    $('#resetChart').on("click", function(e) {
        e.preventDefault();
        chart = new Highcharts.Chart(defaultOptions);
    });
    
    $('#deleteSerie').on("click", function(e) {
        e.preventDefault();
        chart.series[0].remove(true);
    });
});