FlexPie Tooltip Content

Posted by: hbethel on 23 September 2020, 3:15 am EST

  • Posted 23 September 2020, 3:15 am EST

    Hello!

    I have added a FlexPie chart to a project, and it's working as expected. The data points are in percentages, but the tooltip displays an unformatted number. I would like to add the % symbol to the number so it is clear to the end user.

    I see tags referenced in the online documentation (i.e. Tooltip), but cannot determine how to configure this. I found examples to create custom labels, but not tooltips.

    If you could provide an example, that would be greatly appreciated. I am working with C1 version 3.0.20202.286 in .net Core Razor Pages.

    Thanks!
    Herbert

  • Marked as Answer

    Replied 23 September 2020, 6:33 pm EST

    Hello Herbert,
    Please refer to the attached sample and the following code snippet for reference:
    <c1-flex-pie id="pie" binding="Downloads" binding-name="Country">
    <c1-flex-chart-tooltip content="<b>{name}</b><br>{value:p2}" is-content-html="true"></c1-flex-chart-tooltip>
    <c1-items-source source-collection="Model.person" ></c1-items-source>
    </c1-flex-pie>

    Regards,
    Manish Gupta

    FlexPie-Tooltip.zip
  • Replied 24 September 2020, 1:26 am EST

    This is perfect. Thank you Manish!
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels