| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220 | $(function () {    BWA.ChartOptions = BWA.ChartOptions || {};    BWA.ChartOptions.ToeEnergyUsage = {        getPieChartDayOptions: function () {            return _.extend({                palette: "Pastel",            }, BWA.ChartOptions.ToeEnergyUsage.getPieChartOptions());        },        getPieChartMonthOptions: function () {            return _.extend({                palette: "Pastel",            }, BWA.ChartOptions.ToeEnergyUsage.getPieChartOptions());        },        getBarChartDayOptions: function () {            return _.extend({                palette: "Pastel",            }, BWA.ChartOptions.ToeEnergyUsage.getBarChartOptions($Code.TimeType.DAY));        },        getBarChartMonthOptions: function (handlePointClick) {            return _.extend({                palette: "Pastel",            }, BWA.ChartOptions.ToeEnergyUsage.getBarChartOptions($Code.TimeType.MONTH, handlePointClick));        },        getPieChartOptions: function () {            return {                legend: {                    horizontalAlignment: "right",                    verticalAlignment: "top",                    margin: 10,                    border: {                        visible: true                    }                },                tooltip: {                    enabled: true,                    format: 'fixedPoint',                    precision: 1,                    customizeTooltip: function (point) {                        return {                            text: [this.argumentText, ': ', this.valueText].join('')                        };                    }                },                series: [                    {                        type: "doughnut",  // if not, pie.                        argumentField: "FuelTypeName",                        argumentType: "string",                        valueField: "Value",                        hoverStyle: {                            color: "#ffd700"                        },                        label: {                            visible: true,                            connector: {                                visible: true                            },                            customizeText: function (pointInfo) {                                //return pointInfo.argumentText;                                return pointInfo.percentText; //                             }                        }                    }                ]            };        },        getBarChartOptions: function (codeTimeType, handlePointClick) {            var argumentAxis;            switch (codeTimeType) {                case $Code.TimeType.DAY:                    //argumentAxis.argumentType = 'string';                    //argumentAxis = {                    //    label: {                    //        customizeText: function () {                    //            return this.value + '일';                    //        }                    //    },                    //    tickInterval: 5,                    //};                    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                    }                },                animation: {                    enabled: true                },                argumentAxis: argumentAxis,                commonSeriesSettings: {                    type: 'stackedBar',                    argumentField: 'DateTime',                    selectionStyle: {                        hatching: {                            direction: "left"                        }                    },                    //label: {                    //    visible: true,                    //    format: 'fixedPoint',                    //     precision: 0,                    //}                },                valueAxis: [{                    label: {                        //format: 'thousands'                        //precision: 2                    },                    title: {                        text: 'TOE'                    }                }],                series: [{                    valueField: 'ElectricityToe',                    name: $G('electricity'),                    label: {                        //visible: true,                        //format: 'fixedPoint',                        //precision: 2,                        //customizeText: function() {                        //    return this.valueText + 'TOE';                        //}                    }                }, {                    //type: 'stackedBar',                    //type: 'bar',                    valueField: 'GasToe',                    name: $G('gas'),                    label: {                        //visible: true,                        //format: 'fixedPoint',                        //precision: 2,                        //customizeText: function() {                        //    return this.valueText + 'TOE';                        //}                    }                }, {                    //type: 'stackedBar',                    valueField: 'WaterToe',                    name: $G('water'),                    //label: {                    //    visible: false,                    //    customizeText: function() {                    //        return this.valueText + 'TOE';                    //    }                    //}                }],                tooltip: {                    enabled: true,                    format: 'fixedPoint',                    precision: 2,                    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,                        }                    }                }            };        },    };});
 |