or
<!DOCTYPE html>
<
html
>
<
head
runat
=
"server"
>
<
meta
charset
=
"UTF-8"
>
<
title
></
title
>
<
link
href
=
"http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"http://cdn.kendostatic.com/2012.3.1114/styles/kendo.dataviz.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css"
rel
=
"stylesheet"
/>
<
script
type
=
"text/javascript"
src
=
"http://code.jquery.com/jquery-1.8.2.min.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"
></
script
>
</
head
>
<
body
>
<
div
data-role
=
"view"
id
=
"orderhistory"
data-layout
=
"default"
data-before-show
=
"redirectBack"
class
=
"hideload"
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
<
ul
class
=
"ordULHist"
>
<
li
>
<
a
id
=
"ml"
data-rel
=
"external"
data-role
=
"listview-link"
href
=
"mailto:comments@yahoo.com"
>comments@yahoo.com</
a
>
<
li
>
<
li
>not rounded in android
<
input
id
=
"chkremember"
data-role
=
"switch"
/>
</
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
<
script
type
=
"text/javascript"
>
var app = new kendo.mobile.Application($(document.body), {
platform: {
device: "ipad", // Mobile device, can be "ipad", "iphone", "ipod", "android" "fire", "blackberry", "meego"
name: "ios", // Mobile OS, can be "ios", "android", "blackberry", "meego"
ios: true, // Mobile OS name as a flag
majorVersion: 5, // Major OS version
minorVersion: "0.0", // Minor OS versions
flatVersion: "500", // Flat OS version for easier comparison
appMode: false, // Whether running in browser or in AppMode/PhoneGap/Titanium.
tablet: "ipad" // If a tablet - tablet name or false for a phone.
}
});
</
script
>
</
body
>
</
html
>
@(Html.Kendo().Chart()
.Name("chart")
.Theme("flat")
.Title("Issues Waterfall")
.DataSource(ds => ds
.ServerOperation(false)
)
.Series(series =>
{
series.Column(new double[] { 100 }).Name("Total").Color("Blue").Stack("Total");
foreach (var resp in Model.listResponsibleDowntime)
{
series.Column(new double?[] { resp.percent_pad }).Name(resp.resp_name).Color("White").Opacity(0).Labels(false).Tooltip(false).Stack(resp.resp_name);
series.Column(new double?[] { resp.percent_downtime }).Name(resp.resp_name).Color(resp.resp_color).Labels(lables => lables.Format("{0:n2}%").Visible(true).Position(ChartBarLabelsPosition.OutsideEnd)).Stack(resp.resp_name);
}
series.Column(new double?[] { Model.oee }).Name("Actual").Color("Green").Stack("Actual").Labels(lables => lables.Format("{0:n2}%").Visible(true).Position(ChartBarLabelsPosition.OutsideEnd));
})
.CategoryAxis(axis => axis
.MajorGridLines(lines => lines.Visible(false))
.Labels(model => model
.Rotation(0)
.Visible(true)
)
//.Categories(Model.listCategories)
)
.Legend(legend => legend
.Position(ChartLegendPosition.Top)
.Margin(20, 50, 20, 50)
.Visible(false)
)
.ValueAxis(axis => axis
.Numeric()
.Min(0)
.Max(100)
.Labels(labels => labels.Format("{0:n0}%"))
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Template("#= series.name #: #= kendo.format('{0:n2}', value) #")
)
)