or
<div id="me"> <div id="kendoGrid"></div></div><script type="text/javascript"> var viewModel = { items: [] }; viewModel.items.push({ id: 0, dataField: new Date(2012, 1, 1), dataType: 'date' }); viewModel.items.push({ id: 1, dataField: 'any string', dataType: 'string' }); viewModel.items.push({ id: 2, dataField: true, dataType: 'boolean' }); $(document).ready(function () { $("#kendoGrid").kendoGrid({ dataSource: { data: viewModel.items, batch: true, schema: { model: { id: "id", fields: { id: { editable: false, nullable: false }, dataField: {} } } } }, columns: [{ field: "dataField", title: "Attribute Value" }], editable:true }); });</script><div data-role="footer"> <div data-role="tabstrip" id="custom-tabstrip"> <a href="/" data-icon="home">Home</a> <a href="/gallery/" data-icon="camera">Gallery</a> <a href="/blog/" data-icon="compose">Blog</a> <a href="/contact/" data-icon="globe">Contact</a> <a href="?mobileFormat=false" data-icon="action">Full Site</a> </div>
</div>
<div class="chart-wrapper"> @(Html.Kendo().Chart() .Theme("metro") .Name("satisfactionChart") .Title("Customer Satisfaction") .Legend(legend => legend .Position(ChartLegendPosition.Bottom) ) .Series(series => { series.Bar(new double[] { 94, 82, 89, 95, 90, 80, 91 }).Name("Key Performance Metrics").Color("#00CD00"); }) .CategoryAxis(axis => axis .Categories("Ease of requesting help", "Time to reach qualified technician", "Time to provide a solution", "Completeness of solution", "Technical ability & product knowledge", "How well we kept you informed", "Overall opinion of service") ) .ValueAxis(axis => axis .Numeric().Labels(labels => labels.Format("")) .PlotBands(plotBands => plotBands .Add().From(86).To(95).Opacity(.3).Color("Grey") ) ) .Tooltip(tooltip => tooltip .Visible(true) .Format("{0}%") ) ) </div>