npm i echarts-for-react

import React from 'react';
import ReactECharts from 'echarts-for-react';

const PieChart = () => {
const option = {
title: {
text: 'My Pie Chart',
subtext: 'Sample Data',
left: 'center',
},
tooltip: {
trigger: 'item',
},
legend: {
orient: 'vertical',
left: 'left',
},
series: [
{
name: 'Categories',
type: 'pie',
radius: '50%',
data: [
{ value: 40, name: 'Category 1' },
{ value: 30, name: 'Category 2' },
{ value: 20, name: 'Category 3' },
{ value: 10, name: 'Category 4' },
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)',
},
},
},
],
};

return (
    <>
        <ReactECharts option={option} />;
    </>
)
};

export default PieChart;