left align x axis header in bar chart

Hi,

How can I left align the text on the bar chart? screenshot below.


I have set the primaryXAxis>labelStyle>textAlignment property, but it doesn't seem to take effect.

Even the fontWeight and color properties don't do anything.

primaryXAxis: {
            labelStyle: {
                color: 'Red',
                fontWeight: 'Bold',
                textAlignment: 'Near'
            },
            titleStyle: {
                color: 'Red',
                fontWeight: 'Bold',
                textAlignment: 'Near'
            }
        }

Please advise on how to do this.

Thank you.

stackblitz: https://stackblitz.com/edit/angular-reuse-content-dq4tm9?file=app.component.ts


Regards,

Jose


1 Reply

AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team May 17, 2022 12:24 PM UTC

Hi Jose,


We regret to let you know that, based on the current architecture, we don’t have support to align the labels for bar chart type in our pivot table component.


Please let us know if you have any concerns.


Regards,

Angelin Faith Sheeba


Loader.
Up arrow icon