toomuchdesign/react-minimal-pie-chart

How to style labels ?

zane-commeatio opened this issue · 2 comments

zane-commeatio commented

I'm trying to integrate a pie chart in my NextJS app.
The size of the label is really huge, I want to reduce it but I don't understand why it's not working like I think

Here is the code

<PieChart
    data={[
	    { title: "One", value: 10, color: "#E38627" },
	    { title: "Two", value: 15, color: "#C13C37" },
	    { title: "Three", value: 20, color: "#6A2135" },
    ]}
    label={({ dataEntry }) => dataEntry.title}
    labelStyle={{ fontSize: "1rem" }}
/>

and it renders that:
image
as you can see the color isn't white and the font size isn't 1rem

toomuchdesign commented

Hi @goupilAnthony,
wrong labelStyle prop signature.

ali-mozaffari commented

Hi @goupilAnthony, wrong labelStyle prop signature.
What a foolish answer!

  • 👍1