OiO.lk Community platform!

Oio.lk is an excellent forum for developers, providing a wide range of resources, discussions, and support for those in the developer community. Join oio.lk today to connect with like-minded professionals, share insights, and stay updated on the latest trends and technologies in the development field.
  You need to log in or register to access the solved answers to this problem.
  • You have reached the maximum number of guest views allowed
  • Please register below to remove this limitation

Styling popover/tooltip in mui graphs

  • Thread starter Thread starter yem
  • Start date Start date
Y

yem

Guest
Has anyone had any luck customizing the styles for the popover/tooltip in mui charts?

This feels like something that should be relatively simple, but I've looked everywhere and while I've found plenty on how to format the data itself, I'm having trouble finding any documentation that explains how to style the css.

I've tried both using the class names listed here and tried passing styles via the slotProps but have yet to find something that has worked.

I'm including a screenshot below of the component that I'm trying to style.

enter image description here
<p>Has anyone had any luck customizing the styles for the popover/tooltip in <a href="https://mui.com/x/react-charts/" rel="nofollow noreferrer"><strong>mui charts</strong></a>?</p>
<p>This feels like something that should be relatively simple, but I've looked everywhere and while I've found plenty on how to format the data itself, I'm having trouble finding any documentation that explains how to style the css.</p>
<p>I've tried both using the class names <a href="https://mui.com/x/api/charts/charts-tooltip/" rel="nofollow noreferrer">listed here</a> and tried passing styles via the <code>slotProps</code> but have yet to find something that has worked.</p>
<p>I'm including a screenshot below of the component that I'm trying to style.</p>
<p><a href="https://i.sstatic.net/pBjWHpZf.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/pBjWHpZf.png" alt="enter image description here" /></a></p>
Continue reading...
 

Online statistics

Members online
0
Guests online
4
Total visitors
4
Top