Hi,
I have a grid with multiple gauges inside of it. The gauges represent measure values. Because the measures changes in real time I have to constantly reload the gauges with the new measures.Also, the user can decide that it doesn't want to display a specific measure, I have to reload them in this case too.
So the only way that I found to do this is to create all my gauges and destroy them once I get the new measures values or when the user decide he doesn't want a measure anymore.
The problem is that I have a lot of memory leaks while doing this process again and again.
I manage to reproduce the bug on kendo dojo using random data (same behavior as my code)
is there a way to avoid all that memory leaks.
ps : I use google chrome (use More tools>task manager too see how many kb a tab is using)
Any help will be appreciated
Hello
There is a bug in vertical gauge margins we have come across when assigning margins which have different vertical and horizontal lengths.
On line 1079 of kendo.dataviz.gauge.js there is the following:
var bbox2d = new dataviz.Box2D(bboxX, bboxX,
This should be
var bbox2d = new dataviz.Box2D(bboxX, bboxy,
Thanks,
Ben
I'm trying to get kendo radial guages working in a new asp mvc core application from a recent purchase of mvc controls & kendo ui pro.
All examples are showing a wrapping container of something like:
#gauge-container { background: transparent url(@Url.Content("~/Content/dataviz/gauge/gauge-container-partial.png")) no-repeat 50% 50%; width: 386px; height: 386px; text-align: center; margin: 0 auto 30px auto;}
but where is this png in the installation folders? It doesn't exist for me in the UI for ASP.NET MVC Q2 2016 or Kendo UI Professional Q2 2016 directories so i'm just wasting time trying to hunt this down.
Can you point me in the right direction for these controls to render appropriately?
Thanks
The pointers property is not part of the typescript definition:
gauge.pointers[0].value(100);
Why not?
It looks like for the "scale.labels" of a kendoRadialGauge, even when set to "visible:false", the space the labels would have occupied is still present in the gauge area? So for "outside" labels, there will be empty space outside the dial. For "inside" labels, the pointer shrinks to where the tickmarks would be if they were displayed, but does not cross the range arcs, which would be preferable in this case.
I tried setting labels.font to "0px Helvetica" to see if this would shrink the space consumed beyond the dial for "outside" labels, but it didn't seem to. There isn't any defined way to have label space completely absent for "outside", rather than just invisible?
Hi,
I am working with KendoUI '2015.2.624' and an
horizontal Linear Gauge where min, max and range values are decimal
numbers. In that case, it appears that the first label (min value) is clipped. When gauge is set as vertical, there is no issue (labels
are not clipped).
Here a scale example to reproduce the issue:
var scale = {
majorUnit: 15,
minorUnit: 5,
min: 10.25,
max: 50.23,
vertical: false,
ranges: [
{
from: 10.25,
to: 20,
color: "#2798df"
}, {
from: 20,
to: 45,
color: "#ffc700"
}, {
from: 45,
to: 50.23,
color: "#c20000"
},
]
};var scale = {
majorUnit: 15,
minorUnit: 5,
min: 1.25,
max: maxValue,
vertical: false,
ranges: [
{
from: 10.25,
to: 20,
color: "#2798df"
}, {
from: 20,
to: 45,
color: "#ffc700"
}, {
from: 45,
to: 50.23,
color: "#c20000"
},
]
};​
Of course I could round values but it may not always be possible to do so...
Is this a bug or do I need to set extra stuff somewhere ?
Thanks
I have a gauge on my html page, defained like this:
<
span
kendo-radialgauge
=
"gauge.kendoGaugeInstance"
k-options
=
"gauge.options"
></
span
>
IT has multiple pointers and I need to update the values
How can I do it?
I tried the setOptions method similar to line chart :
kendoGaugeInstance.setOptions({
options: updatedOptions
});​
but that doesn't work.
kendoGaugeInstance.redraw();
works somewhat, but it redraws it completely with all pointers animation from 0.
How can I do it properly?
Thanks
I'm facing a problem when I try to change the Radial Gauge value with the code below in my TypeScript project.
var
gauge = $(
"#gauge"
).data(
"kendoRadialGauge"
);
gauge.options.pointer[0].value = Math.random() * 100;
The property 'value' is updated with the new value, but the pointer doesn't move.
What I'm doing wrong?
Thanks!