Horizontal Linear Gauge clips min value label (decimal)

4 posts, 0 answers
  1. SYNERGIZ
    SYNERGIZ avatar
    2 posts
    Member since:
    Oct 2014

    Posted 23 Jul 2015 Link to this post

    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

     

  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 24 Jul 2015 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. SYNERGIZ
    SYNERGIZ avatar
    2 posts
    Member since:
    Oct 2014

    Posted 24 Jul 2015 in reply to Dimiter Madjarov Link to this post

    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

  5. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 24 Jul 2015 Link to this post

    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!
     
Back to Top
Kendo UI is VS 2017 Ready