$(function () { BWA.ChartOptions = BWA.ChartOptions || {}; var seriesBudgetCode; //var seriesBudgetCode2; //var colors = ['Chocolate', 'MediumSeaGreen', 'DarkGoldenRod', 'DarkTurquoise', 'DarkViolet', 'Khaki']; var colors = ['#5F8B95', '#BA4D51', '#AF8A53', '#955F71', '#859666', 'DarkViolet']; BWA.ChartOptions.BudgetExecuteView = { MakeSeries: function (CodeType) { seriesBudgetCode = new Array(); for (var s = 0; s < CodeType.length; s++) { var ss2 = { type: 'stackedBar', color: colors[s], axis: 'v_1', // 이것이 중요 !!!! 이렇게 axis를 다르게 명시해야 시리즈가 따로 생긴다 2015 12 08 //valueField: CodeType[s].Name() + "누적", valueField: CodeType[s].Name() + "_B", name: "예산 " + CodeType[s].Name(), label: { visible: false, customizeText: function () { return this.valueText + '원'; } } }; seriesBudgetCode.push(ss2); var ss = { type: 'stackedBar', color: colors[s], //axis: 'v_1', // 이것이 중요 !!!! 이렇게 axis를 명시하지 않거나 다르게 v_2 로 명시해야 시리즈가 따로 생긴다 2015 12 08 //valueField: CodeType[s].Name() + "누적", valueField: CodeType[s].Name(), name: CodeType[s].Name(), label: { visible: false, customizeText: function () { return this.valueText + '원'; } } }; seriesBudgetCode.push(ss); } }, getPieChartDayOptions: function () { return _.extend({ //palette: "Pastel", }, BWA.ChartOptions.BudgetExecuteView.getPieChartOptions()); }, getPieChartMonthOptions: function () { return _.extend({ //palette: "Pastel", }, BWA.ChartOptions.BudgetExecuteView.getPieChartOptions()); }, getBarChartDayOptions: function (handlePointClick) { return _.extend({ }, BWA.ChartOptions.BudgetExecuteView.getBarChartOptions($Code.TimeType.MONTH, handlePointClick)); }, getPieChartOptions: function () { return { legend: { horizontalAlignment: "right", verticalAlignment: "top", margin: 10, border: { visible: true } }, tooltip: { enabled: true, format: 'fixedPoint', precision: 0, 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: false, connector: { visible: true }, customizeText: function (pointInfo) { return pointInfo.argumentText; } } } ] }; }, getBarChartOptions: function (codeTimeType, handlePointClick) { switch (codeTimeType) { case $Code.TimeType.DAY: argumentAxis = { label: { customizeText: function () { return this.value + '일'; } }, tickInterval: 5, }; break; case $Code.TimeType.MONTH: argumentAxis = { label: { customizeText: function () { return this.value + '월'; } }, }; 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: [{ name : "v_1", label: { //format: 'thousands' //precision: 2 }, title: { text: '원' } }], //series: [seriesBudgetCode, seriesBudgetCode2], series: seriesBudgetCode, tooltip: { enabled: true, format: 'fixedPoint', precision: 0, customizeTooltip: function(point) { return { text: [this.seriesName, ': ', this.valueText].join('') }; } }, }; }, }; });