I would like to format the numerical value of the labels and the tooltip with the Italian monetary value, with 2 decimal digits separated by commas and the thousands separated by a point.
something like this:
125.500,45 €
<
kendo-chart
renderAs
=
"canvas"
[pannable]="{ lock: 'y' }"
[zoomable]="{ mousewheel: { lock: 'y' } }"
(seriesClick)="onSeriesClick($event)">
<
kendo-chart-series
>
<
kendo-chart-series-item
type
=
"pie"
[data]="datasource"
field
=
"valTot"
categoryField
=
"category"
[overlay]="{gradient: 'roundedBevel'}">
<
kendo-chart-series-item-labels
[format]="'c2'"
color
=
"#000000"
background
=
"none"
>
</
kendo-chart-series-item-labels
>
<
kendo-chart-series-item-tooltip
>
<
ng-template
let-value
=
"value"
let-category
=
"category"
let-series
=
"series"
let-dataItem
=
"dataItem"
>
<
div
>{{category}}: {{value.toLocaleString('it-IT', {minimumFractionDigits: 2, maximumFractionDigits: 2})}} €</
div
>
</
ng-template
>
</
kendo-chart-series-item-tooltip
>
</
kendo-chart-series-item
>
</
kendo-chart-series
>
</
kendo-chart
>