Render duplicates legend workaround

by kzoon

HTML

<script src="https://code.highcharts.com/7.1.2/highcharts.src.js"></script>


<button onclick="reRender()">
Re-render chart
</button>

<div id="test">
<div>
  <div id="container"></div>
</div>

</div>

JavaScript

var chart = Highcharts.chart('container', {

  legend: {
        backgroundColor: 'rgba(100,100,100,0.4)'
    },
  series: [{
    data: [1, 4, 3, 5, 6, 7, 4, 3, 5, 2, 3, 4, 6, 5, 4],
    type: 'line'
  },
  {
    data: [1, 2,2,2,2,2,2,2,2,2,2,2,2,2,2],
    type: 'column'
  }
  ]
});

 function reRender() {
 chart.legend.destroy();
 chart.render();

 }