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