centerText: {
    display: true,
    text: `${income}`,
    fontSize : 10
}

Nie jestem w stanie zobaczyć środkowego tekstu za pomocą kodu w opcji wykresu pączkowego. Ktoś wie, dlaczego?

Z góry dziękuję

-1
user15367939 13 kwiecień 2021, 09:21

1 odpowiedź

Najlepsza odpowiedź

Było kiedyś temu, kiedy badałem o dodaniu tekstu centrującego w Donut REAreact-Chartjs-2, a ja krótko przypomniałem sobie najłatwiejszy sposób na osiągnięcie środkowego tekstu w pączkach faktycznie stosuje względne i absolutne pozycjonowanie, aby dodać warstwę do pączka.

<div style={{ width: '200px', height: '200px', position: 'relative'}}>
    <Doughnut data={data} options={options} width={200} height={200}/>
        <div style={{ position: 'absolute', width: '100%', top: '50%', left: 0, textAlign: 'center', marginTop: '-28px',  lineHeight: '20px'}}>
            <span>Text here</span> //may use text-align here to center text
        </div>
        </div>
0
Someone Special 13 kwiecień 2021, 06:28