Pivot Chart error and other problems with label overflow

Query

Comments

1)How can I deal with axis labels overflow: Bars(Multi-level labels are overflowing.)

2) Funnel(Legends are overlapping in the funnel chart.)

We understand that you are facing issues where multi-level axis labels are overflowing in the bar chart and legends are overlapping in the funnel chart. If this is the case, we have investigated the reported issues on our end. However, we were unable to replicate the issues, as the axis labels and legends are displaying correctly without any overflow or overlap. Please refer to the screenshot below for reference.

Output screenshot:

3) There's also an issue with the tooltip. How can it be expanded to contain the entire text. In the following screenshot you can see that the Euro sign and the label "Λογαριασμοί" are cut off:

We understand that you are facing an issue where the tooltip is not rendering properly, causing the Euro sign and the label "Λογαριασμοί" to be cut off. If this is the case, we have investigated the reported issue on our end. However, we were unable to reproduce it, as the tooltip is displaying the full content correctly without any truncation. Please refer to the GIF image below for reference.

Output GIF:

4) Furthermore, every time that I use area pivot charts such as the Funnel, I get the following error, although the chart itself works well. This is especially frequent when I'm drilling down. 

Query

Comments

Thank you for the answer. I can confirm that the overflow problems are because of the custom css. However, the error message still persists. Have you tried testing with Nextjs? In your sample you are using Create React App.

Based on your requirements, we have checked the reported script error in the Pivot Chart using the Next.js application with the latest version(v29.1.33). However, we were still unable to replicate the problem on our end. For your reference, we have prepared a sample that we tested. Please find it in the attachment below.

Output GIF:

We suspect that you may be using an older version of Syncfusion, which could be causing the issue. If the problem persists, please try replicating it using the provided sample or share a runnable dummy sample that reproduces the issue. Additionally, let us know the Syncfusion package version you are using. This will help us investigate the issue further and provide a solution as soon as possible.

EDIT: Is there a way to change the font-family of the axis labels? I can't seem to find anything in the documentation.

We understand that you need to customize the font family of the Y-axis labels in the pivot chart. If that's the case, you can achieve this by using the fontFamily property within the labelStyle of the primaryYAxis. Please see the example code below.

Code example:

Output screenshot:

Additionally, if you want to customize the font family of the multi-level labels in a pivot chart, you can use the multiLevelLabelRender event and set the args.textStyle.fontFamily to your chosen font family. Please refer to the code example below.

Code example:

Output screenshot:

Meanwhile, we have prepared a sample for your reference. Please find it in the attachment below.