search

ChartsCSS / charts.css

Open source CSS framework for data visualization.
https://ChartsCSS.org
MIT License
6.2k stars 175 forks source link

Pie chart tooltip #122

Open GGuinea opened 7 months ago

GGuinea commented 7 months ago

Hi!

I'm trying to add tooltip for this simple pie chart https://chartscss.org/charts/pie/ but it sounds that it's not yet supported. Am I right?

jaimeiniesta commented 7 months ago

This can be done using daisyUI:

https://daisyui.com/components/tooltip/

For example, 

<tr>
  <th scope="row">USA</th>
  <td style="--size: 0.46">46</td>
  <td style="--size: 0.37">37</td>
  <td style="--size: 0.38" class="tooltip tooltip-right" data-tip="38 medals">38</td>
</tr>

Captura de pantalla 2024-02-22 a las 10 16 04

jaimeiniesta commented 7 months ago

Oh, I just saw there are tooltips also in Charts.css 👍

https://chartscss.org/components/tooltips/

GGuinea commented 7 months ago

@jaimeiniesta thank you. Yeah for different types of charts its working, but not for pie chart.

jaimeiniesta commented 7 months ago

@GGuinea I see what you mean. It doesn't work for me either, even using daisyUI tooltips, tips don't work for pie charts.