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