6-3-1. 대표사업별 이러닝 매출액
(단위 : 조원)
var chart_152;
var chart_type_152 = "stack_column";
jQuery(document).ready(function () {
{"data":{"data":[{"구분":"2019년","콘텐츠":"0.75","솔루션":"0.37","서비스":"2.83"},{"구분":"2020년","콘텐츠":"0.84","솔루션":"0.40","서비스":"3.39"},{"구분":"2021년","콘텐츠":"0.86","솔루션":"0.42","서비스":"3.74"},{"구분":"2022년","콘텐츠":"0.90","솔루션":"0.45","서비스":"4.00"},{"구분":"2023년","콘텐츠":"0.94","솔루션":"0.48","서비스":"4.18"}]},"use":{"animate":true,"aCrossLine":true,"multiYAxis":false},"animate":{"speed":100},"format":{ "yAxis": "priceDataFormat" },"func":{ "tip": function (tipElement, data, rect) { var date = data.xaxis; var tip = '
'+ String(data.yaxisname) + ' / ' + String(data.yaxis)+'
'; tipElement.html(tip).show(); tipElement.html(tipElement.html()).css({ left: rect.x - (tipElement.width() / 2), top: rect.y - 38 }); } }}
var style = {
main: {
layout: {
paddingTop: 57, paddingRight: 30, color: layout_color,
line: {color: '#eaeaea', width: 1}
},
graph: {
color: '#f8f8f8',
line: {
top: {color: '#cccccc'},
left: {width: 0},
right: {width: 0},
bottom: {color: '#cccccc'}
}
},
crossLine: {
color: '#465866'
},
xAxis: {
paddingTop: 13, height: 30,
text: {family: 'Nanum Gothic', size: 12, color: '#666'},
line: {color: '#e3e3e3', width: 1}
},
yAxis: {
line: {color: '#cccccc', width: 1, opacity: 1},
text: {family: 'Nanum Gothic', size: 12, color: '#666', align: 'right'}
},
tip: {
className: 'tip'
},
series: {
s1: {
area: {
normal: {
color: {src:pattern_style[0]},
over: over_img
}
}
},
s2: {
area: {
normal: {
color: {src:pattern_style[1]},
over: over_img
}
}
},
s3: {
area: {
normal: {
color: {src:pattern_style[2]},
over: over_img
}
}
},
s4: {
area: {
normal: {
color: {src:pattern_style[3]},
over: over_img
}
}
},
s5: {
area: {
normal: {
color: {src:pattern_style[4]},
over: over_img
}
}
}
}
}
};
var data_152 = data;
var style_152 = style;
var series_152 = series;
if(color_style_152 == undefined){
var color_style_152 = [];
}
if(slider_152 == undefined ){
var slider_152 =true;
}
if (chart_type_152 == "pie") {
chart_152 = webponent.visual.pie.init(jQuery('#webponent_chart_152'), style_152, data_152);
jQuery("#chart_controller").remove();
} else if (chart_type_152 == "tree") {
chart_152 = webponent.visual.treemap.init(jQuery('#webponent_chart_152'), style_152, data_152);
jQuery("#chart_controller").remove();
} else if (chart_type_152 == "horizon") {
chart_152 = webponent.visual.horizon.init(jQuery('#webponent_chart_152'), style_152, data_152);
jQuery("#chart_controller").remove();
} else if (chart_type_152 == "scatter") {
chart_152 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_152'), style_152, data_152);
jQuery("#chart_controller").remove();
} else {
if(chart_type_152 != "hloc"){
var count =0;
jQuery.each(series_152.main, function (index, value) {
if (index != "type") {
if(chart_type_152 == "line"){
legend_count = count %5;
jQuery("#chart_legends_152").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else if(chart_type_152 =="multi_series"){
if(value.series=="line"){
legend_count = count %5;
jQuery("#chart_legends_152").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else{
jQuery("#chart_legends_152").append('
' + value.yaxis + '');
}
}else{
if(color_style_152.length){
jQuery("#chart_legends_152").append('
' + value.yaxis + '');
}else{
jQuery("#chart_legends_152").append('
' + value.yaxis + '');
}
}
}
count++;
});
}
chart_152= webponent.chart.init(jQuery('#webponent_chart_152'), data_152, style_152, series_152);
if(slider_152){
if(chart_type_152=="line"||chart_type_152=="column"){
var tmp_x=[];
jQuery("#slider_div_152").attr("style","");
jQuery.each(data_152.data.data,function (index,value){
tmp_x.push(value[Object.keys(value)[0]]);
});
jQuery("#slider-range_152").slider({
range: true,
min: 0,
max: tmp_x.length-1,
values: [ 0, tmp_x.length-1 ],
slide: function( event, ui ) {
jQuery( "#slider-text_152" ).text( "범위 : " + tmp_x[ui.values[ 0 ]] + " - " + tmp_x[ui.values[ 1 ]] );
var tmp_data = JSON.parse(JSON.stringify(data_152)); //object 참조 복사 회피
tmp_data.data.data = tmp_data.data.data.splice(ui.values[ 0 ],ui.values[ 1 ]+1-ui.values[0]);
chart_152.inquery( tmp_data,style_152, series_152);
}
});
jQuery("#slider-text_152").text( "범위 : "+tmp_x[0] + " - " + tmp_x[tmp_x.length-1]);
}
}
}
})
