<script>
function
createGauges() {
$(
"#depthBar"
).kendoLinearGauge({
pointer: {
value: 0,
shape:
"arrow"
},
scale: {
majorUnit: 1000,
minorUnit: 500,
min: 0,
max: 12000,
vertical:
true
,
}
});
}
$(document).ready(
function
() {
createGauges();
});
</script>
<
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
>
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"
});});
@(Html.Kendo().LinearGauge().Name("LinGauge" + @Model.ComponentName.Replace(" ",""))
.Pointer(pointer => pointer.Size(30.0)
.Color("Black")
.Value(@Model.ComponentScore / 1000.0)
.Shape(GaugeLinearPointerShape.Arrow))
.Scale(scale => scale.Min(0.0)
.Max(1.0)
.Vertical(false)
.MinorTicks(t => t.Visible(false))
.MajorTicks(t => t.Visible(false))
.Labels(l=>l.Visible(false))))
<script type="text/x-kendo-template" id="reportPackageCountTemplate">
<a data-role="listview-link" href="\#listPackageCompanyView?id=#:PackageID#">
Pkg #= PackageID #
<br />
<p id="pctFullGuage#:PackageID#" class"pctFullGuage">test:#= PackageID #</p>
</script>
var dsPackageData = new kendo.data.DataSource({
schema: {
model: PackageData
},
transport: packageDataTransport,
sync: function (e) {
window.app.navigate("#packageListView");
},
error: function (e) {
alert("dsPackageData error: " + e.status + "errorThrown: " + e.errorThrown);
},
change: function (data) {
InitPctFullGauge();
}
});
function InitPctFullGauge() {
var total = dsPackageData.total();
if (total > 1) {
var gaugeConfig = {
pointer: {
value: 1
},
scale: {
min: 1,
max: 100,
vertical: false
}
}
for (var i = 0; i < total; i++) {
editPackageData = dsPackageData.at(i);
gaugeConfig.pointer.value = editPackageData.PercentFull;
$("#pctFullGuage" + editPackageData.PackageID).kendoLinearGauge(gaugeConfig);
}
}
}