Estoy trabajando en un gráfico circular. Me gustaría etiquetarlo con la habilidad en lugar del valor. Sin embargo, el problema obviamente es que el valor se acumula en el gráfico circular y su cálculo.

Vea a continuación, me gustaría mostrar las habilidades: https://gyazo.com/c6e8fb4eed7888cd5258d77bc3d7024f

 <PieChart width={300} height={150}> <Pie dataKey="value" startAngle={180} endAngle={0} data={skillsData} cx={150} cy={120} outerRadius={60} fill="#8884d8" label /> </PieChart>

Y estos son los datos que estoy muestreando:

Me gustaría devolver 'nombre' en mi etiqueta.

 const skillsData = [ { name: "React", value: 390 }, { name: "CSS", value: 1200 }, { name: "JavsScript", value: 540 }, { name: "HTML", value: 1900 }, { name: "CSS", value: 1278 }, ];