I am using the kendo-chart to display charts in my application.  I need to format the values on the chart to currency.  I have tried to use the format option on the kendo-chart-series-item but that did not work.

                <kendo-chart [title]="{ text: selectedCommentDriver?.driverTypeText  + ' Chart' }"  *ngIf="selectedCommentDriver?.driverType === 1">
                    <kendo-chart-series >
                        <kendo-chart-series-item type="column" [data]="(ChartData$ | async) ?.acuityChartData" field="nprImpact"  categoryField="chartLabelText" [labels]="seriesLabels" >
                        </kendo-chart-series-item>
                    </kendo-chart-series>
                    <kendo-chart-category-axis>
                        <kendo-chart-category-axis-item>
                        <kendo-chart-category-axis-item-labels [position]="'end'"></kendo-chart-category-axis-item-labels>
                        </kendo-chart-category-axis-item>
                    </kendo-chart-category-axis>
                </kendo-chart>

Here is a sample of the bar chart with sample data of 100000.  I would like these values to be $100,000.00

Thank you for the help,

Jimmy

Hi Jimmy,

Setting the [format] property of the kendo-chart-category-axis-item-labels component to 'c' formats the labels as currency:

      <kendo-chart-category-axis>
        <kendo-chart-category-axis-item>
          <kendo-chart-category-axis-item-labels
            [position]="'end'"
            [format]="'c'"
          ></kendo-chart-category-axis-item-labels>
        </kendo-chart-category-axis-item>
      </kendo-chart-category-axis>

I hope this helps.

Regards,
Svetlin
Progress Telerik

I found an example which showed me exactly what I needed...

https://www.telerik.com/forums/set-kendo-chart-series-item-color