| 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;                //}            },        };    };});
 |