| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378 | 
							- BemsWebApplication.EnergyUsage = function (params,viewInfo) {
 
-     "use strict";
 
-     var initialized = false,
 
-         shouldReload = false,
 
-         currentTabIndex = ko.observable(0),
 
-         dataSource;
 
-     var multiViewItems = [
 
-         {
 
-             viewModel: viewModel,
 
-             template: 'mainCharts'
 
-         },
 
-         {
 
-             viewModel: viewModel,
 
-             template: 'subCharts'
 
-         }
 
-     ];
 
-     var elements = _.map(_.range(1, 11), function(x) {
 
-         return {
 
-              id: ['chart', x].join('')
 
-         }
 
-     });
 
-     var chartLayout = new BWA.ChartLayout({
 
-         divs: _.map(elements, function(element) {
 
-             if (element.id === 'chart1') {
 
-                 element.id = 'chartDiv';
 
-                 element.chartId = 'chart1';
 
-             }
 
-             if (element.id === 'chart2') {
 
-                 element.id = 'chart2div';
 
-                 element.chartId = 'chart2';
 
-             }
 
-             if (element.id === 'chart6') {
 
-                 element.widgetChartName = 'dxPieChart';
 
-             }
 
-             return element;
 
-         }),
 
-         multiViewOptions: {
 
-             viewIndex: currentTabIndex,
 
-             viewCount: multiViewItems.length
 
-         }
 
-     });
 
-     var pieDataSource = [
 
-       { country: "USA",medals: 110 },
 
-       { country: "China",medals: 100 },
 
-       { country: "Russia",medals: 72 },
 
-       { country: "Britain",medals: 47 },
 
-       { country: "Australia",medals: 46 },
 
-       { country: "Germany",medals: 41 },
 
-       { country: "France",medals: 40 },
 
-       { country: "South Korea",medals: 31 }
 
-     ];
 
-     var pieChartOptions = {
 
-         dataSource: pieDataSource,
 
-         palette: "Soft Pastel",
 
-         title: "Olympic Medals in 2008",
 
-         legend: {
 
-             horizontalAlignment: "right",
 
-             verticalAlignment: "top",
 
-             margin: 0
 
-         },
 
-         pointClick: function (point) {
 
-             point.select();
 
-         },
 
-         series: [
 
-             {
 
-                 type: "doughnut",  // if not, pie.
 
-                 argumentField: "country",
 
-                 valueField: "medals",
 
-                 hoverStyle: {
 
-                     color: "#ffd700"
 
-                 }
 
-             }
 
-         ]
 
-     };
 
-     var chartDataSource = [
 
-         {
 
-             year: 1950,
 
-             Africa: 227,
 
-             Americas: 331,
 
-             Asia: 1436,
 
-             Europe: 547,
 
-             Oceania: 12
 
-         },
 
-         //{
 
-         //    year: 1960,
 
-         //    Africa: 285,
 
-         //    Americas: 416,
 
-         //    Asia: 1718,
 
-         //    Europe: 605,
 
-         //    Oceania: 15
 
-         //},
 
-         {
 
-             year: 1970,
 
-             Africa: 365,
 
-             Americas: 512,
 
-             Asia: 2156,
 
-             Europe: 657,
 
-             Oceania: 19
 
-         },
 
-         {
 
-             year: 1980,
 
-             Africa: 478,
 
-             Americas: 612,
 
-             Asia: 2644,
 
-             Europe: 695,
 
-             Oceania: 22
 
-         },
 
-         {
 
-             year: 1990,
 
-             Africa: 633,
 
-             Americas: 720,
 
-             Asia: 3180,
 
-             Europe: 722,
 
-             Oceania: 26
 
-         },
 
-         {
 
-             year: 2000,
 
-             Africa: 810,
 
-             Americas: 833,
 
-             Asia: 3678,
 
-             Europe: 731,
 
-             Oceania: 30
 
-         },
 
-         {
 
-             year: 2010,
 
-             Africa: 1016,
 
-             Americas: 936,
 
-             Asia: 4149,
 
-             Europe: 728,
 
-             Oceania: 35
 
-         }
 
-     ];
 
-     function handleCmBuildingModification() {
 
-         shouldReload = true;
 
-     }
 
-     var chartOptions = {
 
-         dataSource: chartDataSource,
 
-         title: {
 
-             text: 'Continental Population Shift (in millions)'
 
-         },
 
-         legend: {
 
-             horizontalAlignment: 'center',
 
-             verticalAlignment: 'bottom'
 
-         },
 
-         commonSeriesSettings: {
 
-             argumentField: 'year',
 
-             type: 'fullStackedArea',
 
-             label: {
 
-                 visible: true,
 
-                 connector: {
 
-                     visible: true
 
-                 }
 
-             }
 
-         },
 
-         tooltip: {
 
-             enabled: true,
 
-             percentPrecision: 2,
 
-             customizeTooltip: function (value) {
 
-                 return {
 
-                     text: value.percentText
 
-                 };
 
-             }
 
-         },
 
-         series: [{
 
-             name: 'Oceania',
 
-             valueField: 'Oceania'
 
-         },{
 
-             name: 'Africa',
 
-             valueField: 'Africa'
 
-         },{
 
-             name: 'Americas',
 
-             valueField: 'Americas'
 
-         },{
 
-             name: 'Asia',
 
-             valueField: 'Asia'
 
-         },{
 
-             name: 'Europe',
 
-             valueField: 'Europe'
 
-         }]
 
-     };
 
-     var dataSource = [
 
-         { month: "January",avgT: 9.8,minT: 4.1,maxT: 15.5,prec: 109 },
 
-         { month: "February",avgT: 11.8,minT: 5.8,maxT: 17.8,prec: 104 },
 
-         { month: "March",avgT: 13.4,minT: 7.2,maxT: 19.6,prec: 92 },
 
-         { month: "April",avgT: 15.4,minT: 8.1,maxT: 22.8,prec: 30 },
 
-         { month: "May",avgT: 18,minT: 10.3,maxT: 25.7,prec: 10 },
 
-         { month: "June",avgT: 20.6,minT: 12.2,maxT: 29,prec: 2 },
 
-         { month: "July",avgT: 22.2,minT: 13.2,maxT: 31.3,prec: 2 },
 
-         { month: "August",avgT: 22.2,minT: 13.2,maxT: 31.1,prec: 1 },
 
-         { month: "September",avgT: 21.2,minT: 12.4,maxT: 29.9,prec: 8 },
 
-         { month: "October",avgT: 17.9,minT: 9.7,maxT: 26.1,prec: 24 },
 
-         { month: "November",avgT: 12.9,minT: 6.2,maxT: 19.6,prec: 64 },
 
-         { month: "December",avgT: 9.6,minT: 3.4,maxT: 15.7,prec: 76 }
 
-     ];
 
-     var chartOptions2 = {
 
-         dataSource: dataSource,
 
-         commonSeriesSettings: {
 
-             argumentField: "month"
 
-         },
 
-         panes: [{
 
-             name: "topPane"
 
-         },{
 
-             name: "bottomPane"
 
-         }],
 
-         defaultPane: "bottomPane",
 
-         series: [{
 
-             pane: "topPane",
 
-             color: "#87CEEB",
 
-             type: "rangeArea",
 
-             rangeValue1Field: "minT",
 
-             rangeValue2Field: "maxT",
 
-             name: "Monthly Temperature Ranges, °C"
 
-         },{
 
-             pane: "topPane",
 
-             valueField: "avgT",
 
-             name: "Average Temperature, °C",
 
-             label: {
 
-                 visible: true,
 
-                 customizeText: function () {
 
-                     return this.valueText + " °C";
 
-                 }
 
-             }
 
-         },{
 
-             type: "bar",
 
-             valueField: "prec",
 
-             name: "prec, mm",
 
-             label: {
 
-                 visible: true,
 
-                 customizeText: function () {
 
-                     return this.valueText + " mm";
 
-                 }
 
-             }
 
-         }
 
-         ],
 
-         valueAxis: [{
 
-             pane: "bottomPane",
 
-             grid: {
 
-                 visible: true
 
-             },
 
-             title: {
 
-                 text: "Precipitation, mm"
 
-             }
 
-         },{
 
-             pane: "topPane",
 
-             min: 0,
 
-             max: 30,
 
-             grid: {
 
-                 visible: true
 
-             },
 
-             title: {
 
-                 text: "Temperature, °C"
 
-             }
 
-         }],
 
-         legend: {
 
-             verticalAlignment: "bottom",
 
-             horizontalAlignment: "center"
 
-         },
 
-         title: {
 
-             text: "Weather in Glendale, CA"
 
-         }
 
-     };
 
-     var dataSource3 = [
 
-       { country: "USA",gold: 36,silver: 38,bronze: 36 },
 
-       { country: "China",gold: 51,silver: 21,bronze: 28 },
 
-       { country: "Russia",gold: 23,silver: 21,bronze: 28 },
 
-       { country: "Britain",gold: 19,silver: 13,bronze: 15 },
 
-       { country: "Australia",gold: 14,silver: 15,bronze: 17 },
 
-       { country: "Germany",gold: 16,silver: 10,bronze: 15 }
 
-     ];
 
-     var chartOptions3 = {
 
-         rotated: true,
 
-         pointSelectionMode: "multiple",
 
-         dataSource: dataSource3,
 
-         //size: {
 
-         //    width: '100%',
 
-         //    height: '100%'
 
-         //},
 
-         commonSeriesSettings: {
 
-             argumentField: "country",
 
-             type: "stackedbar",
 
-             selectionStyle: {
 
-                 hatching: {
 
-                     direction: "left"
 
-                 }
 
-             }
 
-         },
 
-         series: [
 
-           { valueField: "gold",name: "Gold Medals",color: "#ffd700" },
 
-           { valueField: "silver",name: "Silver Medals",color: "#c0c0c0" },
 
-           { valueField: "bronze",name: "Bronze Medals",color: "#cd7f32" }
 
-         ],
 
-         title: {
 
-             text: "Olympic Medals in 2008"
 
-         },
 
-         legend: {
 
-             verticalAlignment: "bottom",
 
-             horizontalAlignment: "center"
 
-         },
 
-         pointClick: function (point) {
 
-             point.isSelected() ? point.clearSelection() : point.select();
 
-         }
 
-     }
 
-     function handleViewShown() {
 
-         $('#chart1').dxChart($.extend({},chartOptions,{
 
-             title: 'chart1'
 
-         }));
 
-         $('#chart2').dxChart($.extend({},chartOptions2,{
 
-             title: 'chart2'
 
-         }));
 
-         $('#chart3').dxChart(chartOptions3);
 
-         $('#chart4').dxChart(chartOptions3);
 
-         $('#chart5').dxChart(chartOptions3);
 
-         $('#chart6').dxPieChart(pieChartOptions);
 
-         $('#chart7').dxChart(chartOptions);
 
-         $('#chart8').dxChart(chartOptions3);
 
-         $('#chart9').dxChart(chartOptions3);
 
-         $('#chart10').dxChart(chartOptions3);
 
-         chartLayout.initialize();
 
-         chartLayout.onShown();
 
-         if(shouldReload)
 
-         {
 
-             //shouldReload = false;
 
-             //dataSource.pageIndex(0);
 
-             //dataSource.load();
 
-         }
 
-         $SideMenu.showSideMenuIfWill(params.view);
 
-         //sideOverlayVisible(true);
 
-     }
 
-     function handleViewDisposing() {
 
-     }
 
-     function handleViewHidden() {
 
-         chartLayout.onHidden();
 
-     }
 
-     function handleViewShowing() {
 
-         //BemsWebApplication.app.loadTemplates('views/sideMenu/sidemenu1.dxview');
 
-         //deferred.resolve();
 
-     }
 
-     function refreshList() {
 
-         //dataSource.pageIndex(0);
 
-         //dataSource.load();
 
-     }
 
-     
 
-     var viewModel = {
 
-         refreshList: refreshList,
 
-         viewShowing: handleViewShowing,
 
-         viewShown: handleViewShown,
 
-         viewHidden: handleViewHidden,
 
-         viewDisposing: handleViewDisposing,
 
-         currentTabIndex: currentTabIndex,
 
-         multiViewItems: multiViewItems
 
-     }
 
-     return viewModel;
 
- };
 
 
  |