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