This is a migrated thread and some comments may be shown as answers.

Horizontal Linear Gauge clips min value label (decimal)

3 Answers 83 Views
Gauges
This is a migrated thread and some comments may be shown as answers.
SYNERGIZ
Top achievements
Rank 2
SYNERGIZ asked on 23 Jul 2015, 03:21 PM

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

 

3 Answers, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 24 Jul 2015, 11:51 AM

Hello,

Thank you for noticing this. I will log it for review from the developers team. As a workaround I would suggest to add a small margin to the gauge area. Here is the updated example.

I wish you a great day!

Regards,
Dimiter Madjarov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
SYNERGIZ
Top achievements
Rank 2
answered on 24 Jul 2015, 12:14 PM

I thought on setting some margin but I did not find the "right" ones. With your help, I can use this workaround (as long as left/right margins are set large enough)...

Just few minutes before your answer I also opened a support ticket to telerik as well.

 

Thanks a lot for your help

0
Dimiter Madjarov
Telerik team
answered on 24 Jul 2015, 12:40 PM

Hello,

Thanks for the update. Have a great weekend!

Regards,
Dimiter Madjarov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Gauges
Asked by
SYNERGIZ
Top achievements
Rank 2
Answers by
Dimiter Madjarov
Telerik team
SYNERGIZ
Top achievements
Rank 2
Share this question
or