JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
	title: {
  	text: "Pie Chart with 0 value DataPoint"
  },
  data: [{	
  type:"pie",
    dataPoints: [
      { y: 1 },
      { y: 0, indexLabel: "DataPoint with 0 value"}
    ]
  }]
});

chart.render();