대표사업별 이러닝 매출액
날짜2023.07.05
조회수1651
글자크기
  • (단위 : 조원)
    var chart_152; var chart_type_152 = "stack_column"; jQuery(document).ready(function () { {"data":{"data":[{"구분":"2018년","콘텐츠":"0.73","솔루션":"0.37","서비스":"2.75"},{"구분":"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"}]},"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]); } } } })
  • 대표사업별 이러닝 매출액
    구분 2008 2009년 2010년 2011년 2012년 2013년 2014년 2015년 2016년 2017년 2018년 2019년 2020년 2021년 2022년
    var table_158= jQuery("#grid_table_158"); var tmp_template_158 = jQuery("#grid_template_158").html(); if(tmp_template_158.split("/*").length>1){ tmp_template_158 =tmp_template_158.substring(13,tmp_template_158.length-7); } jQuery("#grid_template_158").html(tmp_template_158); var template_158 =jQuery("#grid_template_158"); var data_158 =[{"s0":"콘텐츠","s1":"0.43","s2":"0.49","s3":"0.51","s4":"0.54","s5":"0.52","s6":"0.59","s7":"0.65","s8":"0.69","s9":"0.68","s10":"0.72","s11":"0.73","s12":"0.75","s13":"0.84","s14":"0.86","s15":"0.90"},{"s0":"솔루션","s1":"0.22","s2":"0.21","s3":"0.22","s4":"0.24","s5":"0.24","s6":"0.27","s7":"0.30","s8":"0.35","s9":"0.33","s10":"0.36","s11":"0.37","s12":"0.37","s13":"0.40","s14":"0.42","s15":"0.45"},{"s0":"서비스","s1":"1.22","s2":"1.39","s3":"1.51","s4":"1.68","s5":"2.00","s6":"2.09","s7":"2.26","s8":"2.45","s9":"2.47","s10":"2.62","s11":"2.75","s12":"2.83","s13":"3.39","s14":"3.74","s15":"4.00"},{"s0":"전체","s1":"1.87","s2":"2.09","s3":"2.25","s4":"2.45","s5":"2.75","s6":"2.95","s7":"3.21","s8":"3.49","s9":"3.49","s10":"3.70","s11":"3.85","s12":"3.95","s13":"4.63","s14":"5.02","s15":"5.35"}]; var grid_158; jQuery(document).ready(function () { jQuery.each(data_158 , function(idx,value){ var tmp_object = value; var objectKey = Object.keys(value); jQuery.each(objectKey,function(idx2,value2){ if(jQuery.isNumeric(value[idx2])){ tmp_object[value2]=parseFloat(value[idx2]).toLocaleString(); } }); }); if(1 == 1){ var grid_sortable = true; }else{ var grid_sortable = false; }; grid_158 = webponent.grid.init(table_158,template_158, {sortable:grid_sortable}); var collapseKeys_158 = Object.keys(data_158[0]); grid_158.event.on('dataRendered', function () { var dataList = grid_158.data; var renderingStartRowIndex = grid_158.settings.defferedRendering.renderingStartRowIndex; var renderingEndRowIndex = grid_158.settings.defferedRendering.renderingEndRowIndex; if (renderingStartRowIndex === null) { renderingStartRowIndex = 0; } if (renderingEndRowIndex === null) { renderingEndRowIndex = grid_158.data.length; } else { renderingEndRowIndex ++; } var prevTdMap = {}; var prevDataMap = {}; var prevRowspanMap = {}; for (var i = renderingStartRowIndex; i < renderingEndRowIndex; i ++) { var data = dataList[i]; _.each(collapseKeys_158 , function (collapseKey) { var row = jQuery(grid_158.rows[i]); var td = row.find('[data-name=' + collapseKey + ']'); var prevTd = prevTdMap[collapseKey]; if (!prevTd) { td.attr('rowspan', '1'); td.addClass('CI-GRID-BORDER-RIGHT'); prevTdMap[collapseKey] = td; prevDataMap[collapseKey] = data[collapseKey]; prevRowspanMap[collapseKey] = 1; } else { if (!jQuery.isNumeric(data[collapseKey])&&prevDataMap[collapseKey] === data[collapseKey]) { prevTdMap[collapseKey].attr('rowspan', prevRowspanMap[collapseKey] + 1); prevRowspanMap[collapseKey] ++; td.remove(); } else { td.attr('rowspan', '1'); td.addClass('CI-GRID-BORDER-RIGHT'); prevTdMap[collapseKey] = td; prevDataMap[collapseKey] = data[collapseKey]; prevRowspanMap[collapseKey] = 1; } } }); } }); grid_158.appendRow(data_158); grid_158.setGridHeight(); //var header_caption_158 = grid_158.markup.main.header.table.createCaption(); //header_caption_158.innerHTML = "3-3-1. 대표사업별 이러닝 매출액"; //header_caption_158.className += " blind"; var header_td_158 = grid_158.markup.main.header.table; //console.log($(header_td_158).html()); $(header_td_158).find('.CI-GRID-SORTER').attr('title', '이 컬럼을 소트하려면 클릭 또는 엔터키를 눌러 주세요.\(쉬프트키를 누르면서 클릭 또는 엔터키를 눌러 주시면 멀티소팅이 됩니다.\) '); $('.CI-GRID-FOCUS-ESCAPER').remove(); });
    • 자료) 산업통상자원부 이러닝산업실태조사(2023.5)