| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298 | $(function () {    BWA.ChartOptions = BWA.ChartOptions || {};    var seriesFuelType = new Array();    BWA.ChartOptions.CO2EnergyUsage = {        MakeSeries: function (fuelType) {            seriesFuelType = [];            for (var s = 0; s < fuelType.length; s++) {                var ss = {                    type: 'stackedBar',                    valueField: fuelType[s].Name(),                    name: fuelType[s].Name(),                    //visible:false,                    label: {                        visible: false,                        customizeText: function () {                            return this.valueText + '';                        }                    }                };                seriesFuelType.push(ss);            }        },        /*        seriesServiceType = [    {        type: 'stackedBar',        valueField: '냉방',        //name: $G('gas'),        name: '냉방',        label: {            visible: false,            customizeText: function () {                return this.valueText + 'TOE';            }        }    }, {        type: 'stackedBar',        valueField: '난방',        //name: $G('water'),        name: '난방',        label: {            visible: false,            customizeText: function () {                return this.valueText + 'TOE';            }        }    }, {        type: 'stackedBar',        valueField: '환기',        //name: $G('water'),        name: '환기',        label: {            visible: false,            customizeText: function () {                return this.valueText + 'TOE';            }        }    }, {        type: 'stackedBar',        valueField: '냉난방환기',        //name: $G('water'),        name: '냉난방',        label: {            visible: false,            customizeText: function () {                return this.valueText + 'TOE';            }        }    }];    },*/        getPieChartDayOptions: function () {            return _.extend({                palette: "Ocean",                //palette: "Bright",            }, BWA.ChartOptions.CO2EnergyUsage.getPieChartOptions());        },        getPieChartMonthOptions: function () {            return _.extend({                palette: "Ocean",            }, BWA.ChartOptions.CO2EnergyUsage.getPieChartOptions());        },        getBarChartDayOptions: function () {            return _.extend({                palette: "Ocean",                //palette: "Bright",            }, BWA.ChartOptions.CO2EnergyUsage.getBarChartOptions($Code.TimeType.DAY));        },        getBarChartMonthOptions: function (handlePointClick) {            return _.extend({                palette: "Ocean",            }, BWA.ChartOptions.CO2EnergyUsage.getBarChartOptions($Code.TimeType.MONTH, handlePointClick));        },        getPieChartOptions: function () {            return {                legend: {                    horizontalAlignment: "right",                    verticalAlignment: "top",                    margin: 10,                    border: {                        visible: true                    }                },                tooltip: {                    enabled: true,                    format: 'fixedPoint',                    precision: 2,                    customizeTooltip: function (point) {                        return {                            text: [this.argumentText, ': ', this.valueText].join('')                        };                    }                },                series: [                    {                        type: "doughnut",  // if not, pie.                        argumentField: "FuelTypeName",                        valueField: "Value",                        hoverStyle: {                            color: "#ffd700"                        },                        label: {                            visible: true,                            connector: {                                visible: true                            },                            customizeText: function (pointInfo) {                                //return pointInfo.argumentText;                                return pointInfo.percentText;                            }                        }                    }                ]            };        },        getBarChartOptions: function (codeTimeType, handlePointClick) {            //alert('in getBarChartOptions');            var argumentAxis;            switch (codeTimeType) {                case $Code.TimeType.DAY:                    argumentAxis = {                        label: {                            customizeText: function () {                                return this.value + '일';                            }                        },                        //min: moment().startOf('month').date(),                        //max: moment().endOf('month').date(),                        //valueMarginsEnabled: false,                        tickInterval: 5,                        //minValueMargin: 0.0,                        //maxValueMargin: 0.02,                    };                    break;                case $Code.TimeType.MONTH:                    /*                    argumentAxis = {                        label: {                            customizeText: function() {                                return this.value + '월';                            }                        },                        //min: 1,                        //max: 12,                        //valueMarginsEnabled: false,                        //tickInterval: 1,                        //minValueMargin: 0.0,                        //maxValueMargin: 0.02,                    };*/                    break;            }            //argumentAxis.argumentType = 'string';            return {                pointClick: handlePointClick,                legend: {                    visible: false,                    verticalAlignment: 'center',                    horizontalAlignment: 'right',                    border: {                        visible: true                    }                },                argumentAxis: argumentAxis,                commonSeriesSettings: {                    type: 'stackedBar',                    argumentField: 'DateTime',                    selectionStyle: {                        hatching: {                            direction: "left"                        }                    }                },                valueAxis: [{                    label: {                        //format: 'thousands'                    },                    title: {                        text: 'tCO2'                    }                }],                //series: Datas = new Array(),                series:                    seriesFuelType,                /*                                    [                                {                                    type: 'stackedBar',                                    valueField: '냉방',                                    //name: $G('gas'),                                    name: '냉방',                                    label: {                                        visible: false,                                        customizeText: function() {                                            return this.valueText + 'TOE';                                        }                                    }                                }, {                                    type: 'stackedBar',                                    valueField: '난방',                                    //name: $G('water'),                                    name: '난방',                                    label: {                                        visible: false,                                        customizeText: function() {                                            return this.valueText + 'TOE';                                        }                                    }                                                }, {                                    type: 'stackedBar',                                    valueField: '환기',                                    //name: $G('water'),                                    name: '환기',                                    label: {                                        visible: false,                                        customizeText: function () {                                            return this.valueText + 'TOE';                                        }                                    }                                }, {                                    type: 'stackedBar',                                    valueField: '냉난방환기',                                    //name: $G('water'),                                    name: '냉난방',                                    label: {                                        visible: false,                                        customizeText: function () {                                            return this.valueText + 'TOE';                                        }                                    }                                                       }], */                tooltip: {                    enabled: true,                    format: 'fixedPoint',                    precision: 2,                    argumentFormat: 'shortDate',                    customizeTooltip: function (point) {                        return {                            text: [this.valueText].join('')                        };                    }                },                crosshair: {                    enabled: false,                    width: 2,                    horizontalLine: {                        //color: 'skyblue',                        dashStyle: 'dash',                        visible: false                    },                    verticalLine: {                        //color: 'limegreen',                        dashStyle: 'dash'                    },                    label: {                        visible: true,                        backgroundColor: "#949494",                        font: {                            color: "#fff",                            size: 12,                        }                    }                }            };        }    };});
 |