or

01.<kendo-mobile-view id="metrics" k-transition="'slide'" k-title="'My View'" k-layout="'default'" ng-controller="MetricsController" k-on-show="setCurrentItem(kendoEvent)">02. <kendo-mobile-header>03. <kendo-mobile-nav-bar>04. <kendo-mobile-back-button k-align="'left'">Back</kendo-mobile-back-button>05. <kendo-view-title>My View</kendo-view-title>06. </kendo-mobile-nav-bar>07. </kendo-mobile-header>08.<kendo-mobile-content>09. 10.<div style="margin-left:5px;">11. <div kendo-chart class="chart-halfwidth chart-left-top"12. k-title="{ text: 'My Chart' }"13. k-legend="{ position: 'bottom' }"14. k-series-defaults="{ type: 'column', stack: true}"15. k-series="[16. { field: 'myavg', name: 'Avg', color: 'green' },17. { field: 'miss', name: 'Miss', color: 'red' }18. ]"19. k-value-axis="{ min:0, max:10}"20. k-category-axis="{ labels:{ visible:true } }"21. k-data-source="metricsdata">22. </div>23.</div>24.</kendo-mobile-content>01.myApp.controller('MetricsController', ['$scope', 'myData',02. function($scope, myData) {03. 04. $scope.myData = myData;05. $scope.setCurrentItem = function(kendoEvent) {06. var id = parseInt(kendoEvent.view.params.id);07. myData.setCurrentItem(id);08. };09. 10. // Chart Data - Client Experience Metric - Transaction11. $scope.metricsdata = new kendo.data.DataSource({12. transport: {13. read: {14. url: "metrics1.json",15. dataType: "json"16. }17. }18. });19. 20. 21. 22. }23.]);01.[{02. "month": "Feb",03. "year": "2014",04. "myavg": 8.10,05. "miss": 1.9006.},{07. "month": "Mar",08. "year": "2014",09. "myavg": 8.01,10. "miss": 1.9911.}]