Specifing width or height freezes browser

2 posts, 1 answers
  1. Paul
    Paul avatar
    102 posts
    Member since:
    Jun 2010

    Posted 04 Apr 2012 Link to this post

    Not sure if this is a bug, or if I am doing something wrong.  Comment out the 'height' line below and all is fine.  Leave it in place and the browser never renders the page.  Tried Chrome and Firefox.

    $(document).ready(function () {
             $("#mtdSales").kendoRadialGauge({
                gaugeArea: {
                   background: "green",
                   border: {
                      color: "black",
                      width: "1"
                   },
                   height: "200px" //// <--- Here's the issue
                },

                pointer: {
                   value: 324436.84,
                   color: "#CECEFF"
                },

                scale: {
                   minorUnit: 50000,
                   majorUnit: 50000,
                   startAngle: -30,
                   endAngle: 210,
                   max: 500000,
                   labels: {
                      position: "inside",
                      color: "white"
                   },
                   ranges: [
                                    {
                                       from: 0,
                                       to: 250000,
                                       color: "#CECEF0"
                                    }, {
                                       from: 250000,
                                       to: 375000,
                                       color: "#c20000"
                                    }, {
                                       from: 375000,
                                       to: 450000,
                                       color: "#ffc700"
                                    }, {
                                       from: 450000,
                                       to: 500000,
                                       color: "#006400"
                                    }
                                ]
                }
             });
          });
  2. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 05 Apr 2012 Link to this post

    Hello Paul,

    The problem is caused by the fact that you have set the height of the gauge area as a string - it must be an integer. For example:
    $("#mtdSales").kendoRadialGauge({
            gaugeArea: {
             ...
                height: 200
             }
             ...
    })

    Greetings,

    Iliana Nikolova
    the Telerik team
    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
Back to Top