e035b9ed6fa27d4f8a6f2a38526f7e941f3f86a3.svn-base 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. Partials.Reduce = function (params) {
  2. var tabs = [{ text: "전체" }, { text: "전기" }, { text: '가스' } ];
  3. var selectedTab = ko.observable(0);
  4. var dateBoxValue = ko.observable(new Date());
  5. var initialized = false;
  6. var dataSource;
  7. function createDataSource() {
  8. return new DevExpress.data.DataSource({
  9. store: Partials.api.RetrofitMonthly,
  10. paginate: false,
  11. map: function (item) {
  12. return item;
  13. },
  14. filter: [
  15. ["SiteId", "=", 1],
  16. ["BuildingId", "=", 1],
  17. ["Year", "=", dateBoxValue().getFullYear()]
  18. ]
  19. });
  20. }
  21. function load(result) {
  22. }
  23. dateBoxValue.subscribe(function (e) {
  24. handleViewShown();
  25. });
  26. selectedTab.subscribe(function (e) {
  27. //handleViewShown();
  28. });
  29. var linearRegression = function (data) {
  30. var sum = [0, 0, 0, 0, 0], n = 0, results = [];
  31. for (; n < data.length; n++) {
  32. if (data[n][1] != null) {
  33. sum[0] += data[n][0];
  34. sum[1] += data[n][1];
  35. sum[2] += data[n][0] * data[n][0];
  36. sum[3] += data[n][0] * data[n][1];
  37. sum[4] += data[n][1] * data[n][1];
  38. }
  39. }
  40. var gradient = (n * sum[3] - sum[0] * sum[1]) / (n * sum[2] - sum[0] * sum[0]);
  41. var intercept = (sum[1] / n) - (gradient * sum[0]) / n;
  42. for (var i = 0, len = data.length; i < len; i++) {
  43. var coordinate = [data[i][0], data[i][0] * gradient + intercept];
  44. results.push(coordinate);
  45. }
  46. var string = 'y = ' + Math.round(gradient * 100) / 100 + 'x + ' + Math.round(intercept * 100) / 100;
  47. return { equation: [gradient, intercept], points: results, string: string };
  48. };
  49. var handleViewShown = function () {
  50. if (initialized == false) {
  51. initialized = true;
  52. var dataGrid = $("#gridContainer").dxDataGrid("instance");
  53. dataGrid.option({
  54. "export": {
  55. enabled: true,
  56. fileName: "ReduceMonthly"
  57. },
  58. columns: [
  59. { dataField: 'Month', caption: '월', width: '3%', },
  60. { dataField: 'Baseyear.Measurement', caption: '사용량(kWh)', format: 'fixedPoint', cssClass: 'baseyear' },
  61. { dataField: 'Baseyear.Days', caption: '사용기간', format: 'fixedPoint', cssClass: 'baseyear' },
  62. { dataField: 'Baseyear.HDD', caption: 'HDD', format: 'fixedPoint', precision: 2, cssClass: 'baseyear' },
  63. { dataField: 'Baseyear.CDD', caption: 'CDD', format: 'fixedPoint', precision: 2, cssClass: 'baseyear' },
  64. { dataField: 'Regression', caption: 'Base(kWh)', format: 'fixedPoint', cssClass: 'baseyear' },
  65. { dataField: 'Estimate.Measurement', caption: '사용량(kWh)', format: 'fixedPoint', cssClass: 'estimate' },
  66. { dataField: 'Estimate.Days', caption: '사용기간', format: 'fixedPoint', cssClass: 'estimate' },
  67. { dataField: 'Estimate.HDD', caption: 'HDD', format: 'fixedPoint', precision: 2, cssClass: 'estimate' },
  68. { dataField: 'Estimate.CDD', caption: 'CDD', format: 'fixedPoint', precision: 2, cssClass: 'estimate' },
  69. { dataField: 'CommonReduce', caption: '단순 절감량', format: 'fixedPoint', cssClass: 'reduce' },
  70. { dataField: 'Normalization', caption: '정규화 절감량', format: 'fixedPoint', cssClass: 'reduce'},
  71. { dataField: 'ReduceRate', caption: '절감율(%)', format: 'fixedPoint', precision: 2, cssClass: 'reduce' },
  72. ]
  73. });
  74. $("#gaugeContainer").dxCircularGauge({
  75. value: viewModel.summary.reduce().rate,
  76. scale: {
  77. startValue: -100, endValue: 100,
  78. majorTick: { tickInterval: 10 }
  79. },
  80. rangeContainer: {
  81. ranges: [
  82. { startValue: -100, endValue: 0, color: '#92000A' },
  83. { startValue: 0, endValue: 100, color: '#00920A' },
  84. ],
  85. },
  86. geometry: {
  87. startAngle: 180, endAngle: 0
  88. },
  89. valueIndicator: {
  90. type: 'rectangleNeedle',
  91. color: '#9B870C'
  92. },
  93. });
  94. }
  95. Partials.api.get("RetrofitMonthly", { SiteId: 1, BuildingId: 1, Year: dateBoxValue().getFullYear() }).done(function (result) {
  96. $("#gridContainer").dxDataGrid("instance").option({ dataSource: result })
  97. var filter = result.filter(function (v) { if (v.Normalization && v.ReduceRate) { return v; } });
  98. viewModel.summary.reduce({
  99. amount: filter.reduce(function (p, c) { return p + c.Normalization; }, 0) / filter.length,
  100. rate: filter.reduce(function (p, c) { return p + c.ReduceRate; }, 0) / filter.length,
  101. });
  102. $("#gaugeContainer").dxCircularGauge("instance").value(viewModel.summary.reduce().rate);
  103. viewModel.rateText((viewModel.summary.reduce().rate > 0) ? '절감' : ((viewModel.summary.reduce().rate < 0) ? '증가' : ''));
  104. });
  105. };
  106. var viewModel = {
  107. dateBoxValue: dateBoxValue,
  108. dataSource: createDataSource(),
  109. tabs: tabs,
  110. selectedTab: selectedTab,
  111. viewShown: handleViewShown,
  112. rateText: ko.observable(''),
  113. summary : {
  114. reduce : ko.observable({
  115. amount : 0,
  116. rate: 0,
  117. }),
  118. },
  119. onPrevious: function (e) {
  120. var date = new Date(dateBoxValue());
  121. date.setFullYear(date.getFullYear() - 1);
  122. dateBoxValue(date);
  123. },
  124. onNext: function (e) {
  125. var date = new Date(dateBoxValue());
  126. date.setFullYear(date.getFullYear() + 1);
  127. dateBoxValue(date);
  128. }
  129. };
  130. return viewModel;
  131. };