[charts] Support for patterns in coloring PieChart

[ZaidLinkEZ]

The problem in depth

I wanted to know if the color palettes and colors that are supported in charts support patterns, for example the usage of lines that work as a pattern inside a pie chart.

Your environment

`npx @mui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: PieChart, Charts, Colors
Order ID: 95670

[michelengelen]

Hey @ZaidLinkEZ ... I don't think that this is possible at the moment, but it would be a great addition to the feature set. @JCQuintas how hard would it be to allow the fill to accept a predefined <pattern>...</pattern> element?

[JCQuintas]

Patterns currently don't work on the PieChart only, because we use style={{fill: "${color}"}} which overrides any changes.

For the other chart types you can simply follow the gradient example and use a pattern instead of gradient.

As seen here:
https://stackblitz.com/edit/react-4k6xke?file=Demo.tsx

[ZaidLinkEZ]

Patterns currently don't work on the PieChart only, because we use style={{fill: "${color}"}} which overrides any changes.

For the other chart types you can simply follow the gradient example and use a pattern instead of gradient.

As seen here: https://stackblitz.com/edit/react-4k6xke?file=Demo.tsx

Okay, thanks! I'll look it up.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@ZaidLinkEZ How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.