I tried loading the gauge using a partial view
unfortunately this approach leads to a javascript "unresponsive script" error.
the chart title shows up so my markup is added to the page - but the kendo initialization is NOT completing.
This is the only script loaded in partial..
<
body
style
=
"padding: 0px;margin: 0px;height:100%;"
>
<
div
id
=
"Replace@(uid)"
style
=
"width: 100%;height: 100%;position: relative;"
></
div
>
<
script
type
=
"text/javascript"
>
jQuery(function () {
jQuery.get('@Url.Action("Chart","SalesTarget", Request.QueryString.ToRouteValues())', function (data) {
$('#Replace@(uid)').html(data);
});
});
</
script
>
</
body
>
unfortunately this approach leads to a javascript "unresponsive script" error.
the chart title shows up so my markup is added to the page - but the kendo initialization is NOT completing.
This is the only script loaded in partial..
jQuery(
function
(){jQuery(
"#charte5d435958d7e47569bd533bd3bd63d11"
).kendoRadialGauge({
"pointer"
:{
"value"
:0},
"scale"
:{
"minorUnit"
:5,
"min"
:0,
"max"
:2352000002.3961,
"ranges"
:[{
"from"
:0,
"to"
:1568000001.5974,
"color"
:
"f2dd30"
},{
"from"
:1568000001.5974,
"to"
:2352000002.3961,
"color"
:
"399E38"
}],
"endAngle"
:180,
"startAngle"
:0},
"theme"
:
"bootstrap"
});});