| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215 | 
							- $(function () {
 
-     BWA.ChartOptions = BWA.ChartOptions || {};
 
-     var C = BWA.ChartOptions.RealtimeEnergyConsumption = BWA.ChartOptions.RealtimeEnergyConsumption || {};
 
-     var valueAxises = [{
 
-         pane: 'topPane',
 
-         name: 'Temperature',
 
-         position: 'right',
 
-         tick: {
 
-             visible: false,
 
-         },
 
-         grid: {
 
-             visible: false,
 
-         },
 
-         type: 'continuous',
 
-         valueType: 'numeric',
 
-         tickInterval: 3,
 
-         minValueMargin: 0,
 
-         maxValueMargin: 0,
 
-         valueMarginsEnabled: true,
 
-         title: {
 
-             text: $G('outdoorTemperatureWithUnit')
 
-         }
 
-     },
 
-     {
 
-         pane: 'topPane',
 
-         name: 'humidity',
 
-         position: 'right',
 
-         type: 'continuous',
 
-         valueType: 'numeric',
 
-         tick: {
 
-             visible: false,
 
-         },
 
-         grid: {
 
-             visible: false,
 
-         },
 
-         tickInterval: 5,
 
-         minValueMargin: 0,
 
-         maxValueMargin: 0,
 
-         valueMarginsEnabled: true,
 
-         title: {
 
-             text: $G('outdoorHumidityWithUnit')
 
-         },
 
-     }];
 
-     var fuelTypeValueAxises = [{
 
-         pane: 'topPane',
 
-         title: {
 
-             text: $G('electricityUsageWithUnit')
 
-         },
 
-         grid: {
 
-             visible: true,
 
-         },
 
-     }, {
 
-         pane: 'topPane',
 
-         title: {
 
-             text: $G('gasUsageWithUnit')
 
-         }
 
-     }, {
 
-         pane: 'topPane',
 
-         title: {
 
-             text: $G('waterUsageWithUnit')
 
-         }
 
-     }];
 
-     var series = [{
 
-         type: 'spline',
 
-         pane: 'topPane',
 
-         axis: 'Temperature',
 
-         valueField: 'Temperature',
 
-         visible: true, // 시리즈만 안보이게 할수 있다. 대신 그렇게 할려면 시작은 false로 해야 한다 hcLee 2015 04 25
 
-         point: { size: 8 },
 
-         color: 'red',
 
-         name: $G('outdoorTemperature'),
 
-         label: {
 
-             visible: false,
 
-             customizeText: function () {
 
-                 return this.valueText + ' °C';
 
-             }
 
-         }
 
-     }, {
 
-         type: 'spline',
 
-         pane: 'topPane',
 
-         axis: 'humidity',
 
-         valueField: 'Humidity',
 
-         color: 'blue',
 
-         point: { size: 8 },
 
-         name: $G('outdoorHumidity'),
 
-         label: {
 
-             visible: false,
 
-             customizeText: function () {
 
-                 return this.valueText + ' %';
 
-             }
 
-         }
 
-     }];
 
-     var fuelTypeSeries = [{
 
-         type: 'bar',
 
-         pane: 'topPane',
 
-         valueField: 'Value',
 
-         name: $G('elec'),
 
-         label: {
 
-             horizontalAlignment: 'left',
 
-             visible: false,
 
-             customizeText: function () {
 
-                 return this.valueText + 'kWh';
 
-             }
 
-         }
 
-     }, {
 
-         type: 'bar',
 
-         pane: 'topPane',
 
-         valueField: 'Value',
 
-         name: $G('gas'),
 
-         label: {
 
-             visible: false,
 
-             customizeText: function () {
 
-                 return this.valueText + 'm3';
 
-             }
 
-         }
 
-     }, {
 
-         type: 'bar',
 
-         pane: 'topPane',
 
-         valueField: 'Value',
 
-         name: $G('water'),
 
-         label: {
 
-             visible: false,
 
-             customizeText: function () {
 
-                 return this.valueText + '㎥';
 
-             }
 
-         }
 
-     }];
 
-     C.getSeriesOptions = function (fuelTypeId, goalUpperBound) {
 
-         return {
 
-             palette: 'Ocean',
 
-             valueAxis: [$.extend({}, fuelTypeValueAxises[fuelTypeId - 1], {
 
-                 showZero: true,
 
-             })].concat(valueAxises),
 
-             series: [fuelTypeSeries[fuelTypeId - 1]].concat(series),
 
-             argumentAxis: BWA.Chart.getTimeLineArgumentAxis(moment(), $Code.TimeType.QUARTERMIN),
 
-         };
 
-     };
 
-     C.getChartOptions = function (codeTimeType, goalUpperBound) {
 
-         return {
 
-             legend: {
 
-                 visible: true,
 
-                 verticalAlignment: 'top',
 
-                 horizontalAlignment: 'center',
 
-             },
 
-             argumentAxis: BWA.Chart.getTimeLineArgumentAxis(moment(), codeTimeType),
 
-             commonSeriesSettings: {
 
-                 argumentField: "DateTime",
 
-                 selectionStyle: {
 
-                     hatching: {
 
-                         direction: "right"
 
-                     }
 
-                 }
 
-             },
 
-             panes: [{
 
-                 name: 'topPane',
 
-                 border: {
 
-                     visible: false,
 
-                     left: false,
 
-                     right: false,
 
-                     top: false,
 
-                     color: 'gray'
 
-                 }
 
-             }, ],
 
-             defaultPane: "topPane",
 
-             customizePoint: function () {
 
-             },
 
-             tooltip: {
 
-                 enabled: true,
 
-                 format: 'fixedPoint',
 
-                 precision: 2,
 
-                 shared: true,
 
-                 argumentFormat: 'shortDate',
 
-                 customizeTooltip: function (point) {
 
-                     return {
 
-                         text: "[" + point.argument.format("hh시 mm분") + "]" + "<br/>" + "<br/>" + point.valueText
 
-                     };
 
-                 }
 
-             },
 
-             crosshair: {
 
-                 enabled: true,
 
-                 width: 2,
 
-                 horizontalLine: {
 
-                     dashStyle: 'dash',
 
-                     visible: false
 
-                 },
 
-                 verticalLine: {
 
-                     dashStyle: 'dash'
 
-                 },
 
-                 label: {
 
-                     visible: true,
 
-                     backgroundColor: "#949494",
 
-                     font: {
 
-                         color: "#fff",
 
-                         size: 12,
 
-                     }
 
-                 }
 
-             }
 
-         };
 
-     };
 
- });
 
 
  |