| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298 | $(function() {    BWA.ChartOptions = BWA.ChartOptions || {};    var seriesServiceType = new Array();    BWA.ChartOptions.ServiceEnergyUsageKC = {        MakeSeries: function (serviceType) {            if (seriesServiceType.length > 0) return; // initialized가 어디선가 다시 false 로 바뀌는 현상에 대한 방어 코드 2016 09 05 hcLee            for (var s = 1; s < serviceType.length; s++) {                var ss = {                    type: 'stackedBar',                    valueField: serviceType[s].Name(),                    name: serviceType[s].Name(),                    label: {                        visible: false,                        customizeText: function () {                            return this.valueText + 'kcal';                        }                    }                };                seriesServiceType.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: "Soft Pastel",                palette: "Bright",            }, BWA.ChartOptions.ServiceEnergyUsageKC.getPieChartOptions());        },        getPieChartMonthOptions: function() {            return _.extend({                                                palette: "Bright",            }, BWA.ChartOptions.ServiceEnergyUsageKC.getPieChartOptions());        },        getBarChartDayOptions: function() {            return _.extend({                //palette: "Soft Pastel",                palette: "Bright",            }, BWA.ChartOptions.ServiceEnergyUsageKC.getBarChartOptions($Code.TimeType.DAY));        },        getBarChartMonthOptions: function(handlePointClick) {            return _.extend({                palette: "Bright",            }, BWA.ChartOptions.ServiceEnergyUsageKC.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('')                            //text: [this.argumentText, ': ', this.valueText, '  :  ', this.percentText].join('') // 2016 05 30 퍼센트도 표시 할수 있다. 테스트 성공                        };                    }                },                series: [                    {                        type: "doughnut",  // if not, pie.                        argumentField: "FuelTypeName",                        valueField: "Value",                        hoverStyle: {                            color: "#ffd700"                        },                                                label: {                            //font: { size: 8 }, // 2016 05 30 테스트 성공 !!! 혹시 폰트줄이고 싶으면 풀자                            visible: true,                            connector: {                                visible: true                            },                            customizeText: function(pointInfo) {                                //return pointInfo.argumentText;                                return pointInfo.percentText; // 2016 05 30 테스트 성공 !!! argumentText대신에 valueText 또는 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: 'kcal'                    }                }],                //series: Datas = new Array(),                series:                    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';                        }                    }                }], */                tooltip: {                    enabled: true,                    format: 'fixedPoint',                    precision: 2,                    //customizeTooltip: function(point) {                    //    return {                    //        text: [this.argumentText, ': ', this.valueText].join('')                    //    };                    //}                },            };        },    };});
 |