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) #") ))