JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/master/highcharts.js"></script>
<button id="button" > change series name </button>
<div id="container" style="height: 300px; width:100%"></div>

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        name: 'test1'}]

});
$('#button').click(function() {
    chart.series[0].name = 'Red';
    chart.series[0].legendItem = chart.series[0].legendItem.destroy();
    chart.isDirtyLegend = true;
    chart.redraw(false);
});