charts.css icon indicating copy to clipboard operation
charts.css copied to clipboard

Published 20 hours ago • verified publisher icon ChartsCSS

Pie chart tooltip

Open GGuinea opened this issue 1 year ago • 4 comments

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?

GGuinea avatar Feb 19 '24 23:02 GGuinea

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 avatar Feb 22 '24 09:02 jaimeiniesta

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

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

jaimeiniesta avatar Feb 22 '24 15:02 jaimeiniesta

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

GGuinea avatar Feb 23 '24 09:02 GGuinea

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

jaimeiniesta avatar Feb 27 '24 08:02 jaimeiniesta