Chart horizontal axis labels format

[Chau]

Is it possible to format the horizontal axis labels in percentage format (see attached screenshot)?

in .html file:
<kendo-chart-series>
                    <kendo-chart-series-item [data]="chartManagementObj.growthrevpatienttypeData" type="bar"
                                 [labels]="seriesLabels"
                                 field="revenue" categoryField="patienttype">
                    </kendo-chart-series-item>

in .ts file:
public seriesLabels: SeriesLabels = {
        visible: true, padding: 3, format: 'p2',
        font: 'bold 12px Arial, sans-serif'
    }

 

Thanks!

 

[Rebekah]

I think format has to be outside of SeriesLabels, second example in docs. 

<kendo-chart-series-item[data]="chartManagementObj.growthrevpatienttypeData" type="bar"
                                 [labels]="seriesLabels" format="p2"
                                 field="revenue" categoryField="patienttype">
                    </kendo-chart-series-item>

[Chau]

Hi Rebekah,

I tried adding format='p2' as you suggested, but it still does not work.  The labels on the horizontal axis are not showing in percentage format.

<kendo-chart-series-item [data]="chartManagementObj.growthrevpatienttypeData" type="bar"
                                 [labels]="seriesLabels" format="p2"
                                 field="revenue" categoryField="patienttype">
</kendo-chart-series-item>

[Daniel]

Hello,

You should set the format to the value axis labels in order to format the horizontal axis of the bar chart - example.

Regards,
Daniel
Progress Telerik

[Chau]

Thanks Daniel, that works!