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