FlexPie Tooltip Content

FlexPie Tooltip Content

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

• 

  hbethel

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  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

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 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

• 

  hbethel

  • Post Options:
  • Link
    Copy

  Posted 24 September 2020, 1:26 am EST

  This is perfect. Thank you Manish!