Questions on Kendo UI for Angular Forum

1 answer

95 views

radialgauge custom labels

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 ????

Gauges

answered on 19 Mar 2021

1 answer

52 views

Custom Needles

We need a way to use an SVG or PNG graphic as a display needle. Is this currently possible? If yes how? If not, there will be functionality in the future.

Gauges

answered on 11 Jun 2020

1 answer

90 views

How to dynamically update linear gauge value

I have a linear gauge

<div style="width:100%;">

<kendo-lineargauge #myGauge="kendoLinearGauge" style="width:100%" [scale]="{ vertical: false,max: 100 }" [pointer]="{ value: progressValue }">

</kendo-lineargauge>

</div>

I update it from signal r.

this._connection.on('taskProgressChanged', data => {

console.log(data);

this.progressValue = Number(data);

this.myGauge.resize();

var myPointer : any = this.myGauge.pointer;

myPointer.value = data;

this.messages.push(data);

});

In a component that has these configurations

public progressValue = 0;

@ViewChild(LinearGaugeComponent, { static: false })

public myGauge: LinearGaugeComponent;

However,
1. the gauge does not update with the value dynamically unless, I click on the gauge. How do I update the gauge dynamically?
2. the gauge does not resize to 100% of the width until the resize method is called. How do I default the width of the gauge to 100%?

Gauges