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

Specifing width or height freezes browser

1 Answer 86 Views
Gauges
This is a migrated thread and some comments may be shown as answers.
Paul
Top achievements
Rank 1
Paul asked on 04 Apr 2012, 10:51 PM
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"
                                }
                            ]
            }
         });
      });

1 Answer, 1 is accepted

Sort by
0
Accepted
Iliana Dyankova
Telerik team
answered on 05 Apr 2012, 09:24 AM
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!
Tags
Gauges
Asked by
Paul
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or