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"
}
]
}
});
});