Amigos, estoy usando highcahrt api en react js. Quiero que el texto interior se alinee horizontal y verticalmente con el círculo. Intenté este código pero no pasó nada... el gráfico de altura muestra los círculos como un svg... ¿es posible que se convierta en div? entonces puedo arreglar el texto ..

el texto se ve muy mal ahora mira el resultado

 dataLabels: { enabled: true, inside: true, // format: '{point.name}', useHTML: true, // false, align: 'center', textAlign: "center", // verticalAlign: 'center', formatter: (item) => { const name = title.replaceAll("/","/<br />"); return name; }, filter: { property: 'radius', operator: '>', value: 35, // 25,// 35 }, style: { color: 'white', align: 'center', textOutline: 'none', fontWeight: 'bold', fontSize: '10px', // '10px', whiteSpace: 'wrap', width: "50px", height: "100px", padding: "2px", textAlign: "center", wordBreak: "break-word", }, y: 20 },