JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.canvasjs.com/canvasjs.min.js"></script>

  <div id="chartContainer" style="height: 360px; width: 100%;"></div>
  <button id="btn">Implode Slices</button>

JavaScript

window.onload = function () {
  var chart = new CanvasJS.Chart("chartContainer", {
    title:{
      text: "Implode all the Slices in Doughnut Chart"
    },

    data: [{
      type: "doughnut",
      dataPoints: [
        { y: 71, exploded: true },
        { y: 55 },
        { y: 50, exploded: true },
        { y: 65, exploded: true },
        { y: 95 },
        { y: 68 },
        { y: 28 },
        { y: 34 },
        { y: 14 }
      ]
    }]
  });

  chart.render();

  document.getElementById("btn").addEventListener("click",function(){
    for(var i = 0; i < chart.data[0].dataPoints.length; i++)
      chart.options.data[0].dataPoints[i].exploded =  false;

    chart.render() 
  });
}