JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://echarts.baidu.com/dist/echarts.min.js"></script>
<div id="chart" style="width: 600px; height: 400px">
</div>

JavaScript

var data = [
	{ name: "Item 1", value: 110 },
  { name: "Item 2", value: 252 },
  { name: "Item 3", value: 58 }
];

var options = {
  legend: {
  	orient: "vertical",
    x: "right",
    selectedMode: false,
    data: data.map(d => d.name)
  },
  tooltip: {
  	formatter: "{b}: {c} ({d}%)"
  },
  title: {
  	text: "Test Chart",
  },
  series: [{
  	type: "pie",
    radius: ["35%", "80%"],                
    label: {
    	normal: {
      	show: false
      },
      emphasis: {
      	show: false
      }
    },
    labelLine: {
    	normal: {
    		show: false
    	}
  	},
  	data: data
	}]
};

var chart = echarts.init(document.getElementById("chart"));
chart.setOption(options);