Pivot Chart Custom Labels

Hi, 

Is there a way to customize the label text on the pivot view chart? And/Or displaying a custom tooltip over it?

Thanks in advance,

Augusto.


7 Replies 1 reply marked as answer

AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team July 28, 2023 02:17 PM UTC

Hi Augusto,


We are checking the possibilities to achieve your requirement in sample level and we will update the details in two business days(August 1, 2023). We appreciate your patience until.


Regards,

Angelin Faith Sheeba



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team August 1, 2023 09:35 AM UTC

Hi Augusto,


Using “MultiLevelLabelRender” event, you can customize the x-axis labels based on your requirement. However, we are facing an issue with this event, and we are validating the issue at our end and will update the details in two business days (August 3, 2023).


Regards,

Angelin Faith Sheeba.



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team August 3, 2023 02:54 PM UTC

Hi Augusto,


Thanks for the patience. We have considered the issue as a bug "MultiLevelLabelRender event not working in the angular pivot table". And the fix for this issue will be included in our August third weekly release which is scheduled to be rolled out on August 16, 2023. You can track the status with the feedback link below.


Feedback: https://www.syncfusion.com/feedback/45885/multilevellabelrender-event-not-working-in-the-angular-pivot-table


Regards,

Angelin Faith Sheeba



AB Augusto Barreto August 3, 2023 03:13 PM UTC

Thanks. I'll test the release when it comes out and provide some feedback here.



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team August 9, 2023 08:45 AM UTC

Hi Augusto,


We are glad to announce that our weekly Release V22.2.8 is rolled out and the fix for the reported issue ”MultiLevelLabelRender event not working in the angular pivot table” has been included in this release. And please refer the below code example to customize the label text using MultiLevelLabelRender event.


Code Example:

  this.chartSettings = {

      multiLevelLabelRender: this.observable.subscribe((args) => {

        if ((args as any).customAttributes.name == 'France') {

          (args as any).text = 'Custom text';

        }

     }) as any,

 } as ChartSettings;


Output screenshot:


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


Please let us know if you have any concerns.


Regards,

Angelin Faith Sheeba


Attachment: sample_8a7c39f2.zip

Marked as answer

AB Augusto Barreto August 9, 2023 03:05 PM UTC

This is great. Apart from the suggested "multiLevelLabelRender" event, also "tooltipRender" is useful. Issue solved. Thanks



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team August 10, 2023 06:03 AM UTC

Hi Augusto,


Thanks for the update. Please contact us if you have any other queries. We are always happy to assist you.


Regards,

Angelin Faith Sheeba.


Loader.
Up arrow icon