SfAccumulationChart Format Tooltip

[Michael Sandler]

Hi,

I would like to format the tooltip, something like this 

Format="${point.x}: <b>${point.y:N2}</b>"

Is that possible?

Attached the full xaml.

Thanks and regards

Michael

  <SfAccumulationChart @ref="_chartPie" EnableAnimation="true" Background="#f1f1f1" Width="100%" Height="100%">

      <AccumulationChartTooltipSettings Enable="true" Format="${point.x}: <b>${point.y:N2}</b>"></AccumulationChartTooltipSettings>

      <AccumulationChartLegendSettings Visible="true"></AccumulationChartLegendSettings>

      <AccumulationChartSeriesCollection>

        <AccumulationChartSeries DataSource="_chartData" XName="Text" YName="Value" Name="Info" StartAngle="0" EndAngle="360" Radius="70%" InnerRadius="0%" Explode="true">

          <AccumulationDataLabelSettings Visible="true" Name="Text" Position="AccumulationLabelPosition.Outside">

            <AccumulationChartDataLabelFont FontWeight="600"></AccumulationChartDataLabelFont>

          </AccumulationDataLabelSettings>

        </AccumulationChartSeries>

      </AccumulationChartSeriesCollection>

    </SfAccumulationChart>

[Srihari Muthukaruppan]

Hi Michael,

We have analyzed your query. From that, we would like to let you know that we can achieve your requirement using TooltipRender event in the chart based on your requirement we have prepared a sample for your reference. Please find the sample, code snippet, and screenshot below.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/TooltipRender-1368351505.zip

Code Snippet: 

  

 

    <SfAccumulationChart EnableAnimation="true" Background="#f1f1f1" Width="100%" Height="100%">

        <AccumulationChartEvents TooltipRender="TooltipRender" />

        <AccumulationChartTooltipSettings Enable="true" Format="${point.x}: ${point.y}">         </AccumulationChartTooltipSettings>

    // add additional code here

    </SfAccumulationChart>

 

@code {

// add additional code here

    void TooltipRender(ITooltipRenderEventArgs Args)

    {

        var text = Args.Text.Split(':');

        var pointX = text[0];

        var y = Int32.Parse(text[1]);

        var pointY = y.ToString("0.00");

        Args.Text = pointX + " : " + pointY;

    }

}

Screenshot: 

 

Let us know if you have any concerns. 

  

Regards, 

Srihari M 

[Michael Sandler]

Thanks for the fast solution. Working like expected.

Thanks and regards

Michael

[Srihari Muthukaruppan]

Hi Michael,  

  

Most welcome. Kindly get in touch with us, if you would require further assistance. We are always happy in assisting you.   

   

Thanks,   

Srihari M