123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312 |
- $(function() {
- BWA.ChartOptions = BWA.ChartOptions || {};
- var C = BWA.ChartOptions.LocEnergyConsumption = BWA.ChartOptions.LocEnergyConsumption || {};
- var valueAxises = [
- {
- pane: 'topPane',
- title: {
- text: '전력 사용량 (kwh)',
- }
- },
- /*
- {
- //visible:false,
- pane: 'topPane',
- name: 'Temperature',
- position: 'right',
- //valueMarginsEnabled: true,
- //minValueMargin: 0,
- //maxValueMargin: 0,
- min: -20,
- max: 40,
- title: {
- text: $G('outdoorTemperatureWithUnit')
- }
- }, {
- pane: 'topPane',
- name: 'humidity',
- min: 0,
- max: 100,
- position: 'right',
- grid: {
- visible: true
- },
- label: {
- visible: true,
- format: 'largeNumber'
- },
- title: {
- text: $G('outdoorHumidityWithUnit')
- },
- }*/
- ];
- var argumentAxisS = [
- {
- argumentType: 'datetime',
- title: $G('hour'),
- label: {
- alignment: 'center',
- format: 'HH'
- },
- tickInterval: { hours: 1 },
- },
- {
- argumentType: 'datetime',
- title: $G('hour'),
- label: {
- alignment: 'center',
- format: 'HH'
- },
- tickInterval: { hours: 1 },
- },
- {
- argumentType: 'datetime',
- title: $G('day'),
- label: {
- alignment: 'center',
- format: 'MM-dd'
- },
- tickInterval: { days: 1 },
- },
- {
- argumentType: 'datetime',
- title: $G('month'),
- label: {
- alignment: 'center',
- format: 'MM'
- },
- tickInterval: { months: 1 },
- }]
- var fuelTypeValueAxises = [{
- pane: 'topPane',
- title: {
- text: $G('electricityConsumptionUsageWithUnit')
- }
- },
- /*{
- pane: 'topPane',
- title: {
- text: $G('gasUsageWithUnit')
- }
- }, {
- pane: 'topPane',
- title: {
- text: $G('waterUsageWithUnit')
- }
- }*/];
- var series = [{
- type: 'line',
- pane: 'topPane',
- axis: 'Temperature',
- valueField: 'Temperature',
- visible: true, // 시리즈만 안보이게 할수 있다. 대신 그렇게 할려면 시작은 false로 해야 한다 hcLee 2015 04 25
- point: { size: 8 },
- name: $G('outdoorTemperature'),
- label: {
- visible: false,
- customizeText: function() {
- return this.valueText + ' °C';
- }
- }
- }, {
- type: 'line',
- pane: 'topPane',
- axis: 'humidity',
- valueField: 'Humidity',
- point: { size: 8 },
- name: $G('outdoorHumidity'),
- label: {
- visible: false,
- customizeText: function() {
- return this.valueText + ' %';
- }
- }
- }];
- var fuelTypeSeries = [{
- type: 'bar',
- pane: 'topPane',
- valueField: 'Value',
- name: '전력 사용량',
- label: {
- horizontalAlignment: 'left',
- visible: false,
- customizeText: function() {
- return this.valueText + 'kWh';
- }
- }
- }/*, {
- type: 'bar',
- pane: 'topPane',
- valueField: 'Value',
- name: '가스',
- label: {
- visible: false,
- customizeText: function() {
- return this.valueText + 'm3';
- }
- }
- }, {
- type: 'bar',
- pane: 'topPane',
- valueField: 'Value',
- name: '수도',
- label: {
- visible: false,
- customizeText: function() {
- return this.valueText + 'm3';
- }
- }
- }*/];
-
- //C.getSeriesOptions = function(fuelTypeId, goalUpperBound) {
- C.getSeriesOptions = function (codeTimeType, goalUpperBound) {
- return {
- legend: {
- visible: true,
- verticalAlignment: 'top',
- horizontalAlignment: 'center'
- },
- /*
- valueAxis: [$.extend({}, fuelTypeValueAxises[fuelTypeId - 1],
- {
- constantLines: [{
- label: {
- text: $G('goalUpperBound')
- },
- width: 2,
- value: goalUpperBound,
- color: '#ff4500',
- dashStyle: 'dash'
- }],
- showZero: true,
- //})].concat(valueAxises[0]),
- })].concat(valueAxises), */
- panes: [{
- name: 'topPane',
- border: {
- visible: false,
- left: false,
- right: false,
- top: false,
- color: 'gray'
- }
- }, ],
- defaultPane: "topPane",
- commonSeriesSettings: {
- argumentField: "DateTime",
- selectionStyle: {
- hatching: {
- direction: "left"
- }
- }
- },
- //argumentAxis: BWA.Chart.getTimeLineArgumentAxis(moment(), codeTimeType),
- argumentAxis: BWA.Chart.getTimeLineArgumentAxis(null, codeTimeType),
- //argumentAxis: argumentAxisS[codeTimeType-1],
- valueAxis: valueAxises,
- //series: [fuelTypeSeries[fuelTypeId - 1]].concat(series[0]),
- series:
- {
- type: 'bar',
- pane: 'topPane',
- valueField: 'Value',
- name: '전력 사용량',
- label: {
- horizontalAlignment: 'left',
- visible: false,
- customizeText: function() {
- return this.valueText + 'kWh';
- }
- }
- }
- };
- };
- //사용안함
- C.getChartOptions = function(codeTimeType, goalUpperBound) {
- return {
- legend: {
- visible: true,
- verticalAlignment: 'top',
- horizontalAlignment: 'center'
- },
- legendClick: function (clickedItem) {
- var chart = $('#chart').dxChart('instance');
- var series = chart.getSeriesByName(clickedItem.name);
- var chartOptions = chart.option();
- if (series.isVisible()) {
- var valueAxis = [];
- valueAxis.push(chartOptions.valueAxis[0]);
- valueAxis.push(valueAxises[1]);
- chart.option('valueAxis', valueAxis);
- var seriesNew = [];
- seriesNew.push(chartOptions.series[0]);
- seriesNew.push(series[1]);
- chart.option('series', seriesNew);
- }
- else {
- var valueAxis = [];
- valueAxis.push(chartOptions.valueAxis[0]);
- valueAxis.push(valueAxises[0]);
- valueAxis.push(valueAxises[1]);
- chart.option('valueAxis', valueAxis);
- }
- },
- argumentAxis: BWA.Chart.getTimeLineArgumentAxis(moment(), codeTimeType),
- commonSeriesSettings: {
- argumentField: "DateTime",
- selectionStyle: {
- hatching: {
- direction: "left"
- }
- }
- },
- panes: [{
- name: 'topPane',
- border: {
- visible: false,
- left: false,
- right: false,
- top: false,
- color: 'gray'
- }
- },],
- defaultPane: "topPane",
- customizePoint: function() {
- if (this.value > goalUpperBound()) {
- return { color: '#ff4500', hoverStyle: { color: '#ff4500' } };
- }
- },
- tooltip: {
- enabled: true,
- shared: true
- // format: "millions",
- //customizeText: function() {
- // return this.argumentText + "<br/>" + this.valueText;
- //}
- },
- };
- };
- });
|