radialgauge custom labels

[Yoel]

this is my custom implementation of the labels:

 

               <kendo-radialgauge-scale-labels

                 //what is the syntax to call my function ???
                content="getGaugeLabels(val)"  

                position="outside">
                </kendo-radialgauge-scale-labels>

 

how can I set custom labels ??

in the api documentation => 

content?
(e: any) => string
The function which returns the label content.
The available fields in the function argument are:
value—The value of the label.

 

how can I use that in angular 9 ????

[Svet]

Hi Yoel,

The proper syntax is the following:

`      <kendo-radialgauge [pointer]="{ value: value }" [scale]="{ max: 50 }">
        <kendo-radialgauge-scale-labels
          [content]="getGaugeLabels"
          position="outside"
        >
        </kendo-radialgauge-scale-labels>
      </kendo-radialgauge>
    </div>
  `
})
export class AppComponent {
  public value = 10;
  getGaugeLabels(args) {
    console.log(args);
    return args.value;
  }
}

Here is an example:

https://stackblitz.com/edit/angular-g6nsdd?file=app/app.component.ts

I hope this helps. Please let me know in case any further information is required for this case.

Regards,
Svetlin
Progress Telerik