SW 생산 현황 (연도별)
  • 김항규SW기반정책·인재연구실 선임연구원
날짜2024.07.01
조회수35810
글자크기
  • (단위 : 조 원)
    var chart_24; var chart_type_24 = "stack_column"; jQuery(document).ready(function () { {"data":{"data":[{"구분":"2019년","패키지SW":"12.2","IT서비스":"37.7","게임SW":"12.0"},{"구분":"2020년","패키지SW":"15.6","IT서비스":"37.0","게임SW":"14.4"},{"구분":"2021년","패키지SW":"17.2","IT서비스":"49.1","게임SW":"18.0"},{"구분":"2022년","패키지SW":"20.0","IT서비스":"52.5","게임SW":"19.3"},{"구분":"2023년(P)","패키지SW":"20.2","IT서비스":"51.8","게임SW":"19.2"}]},"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": "#ffffff", "line": { "color": "#eaeaea", "width": 1 } }, "graph": { "color": "#fff", "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": "#333" }, "line": { "color": "#e3e3e3", "width": 1 } }, "yAxis": { "line": { "color": "#cccccc", "width": 1, "opacity": 1 }, "text": { "family": "Nanum Gothic", "size": 12, "color": "#333", "align": "right" }, "baseAtZero": true }, "tip": { "className": "tip" }, "series": { "s1": { "area": { "normal": { "color": "#1d64ac", "over": { "color": { "src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png" } } } } }, "s2": { "area": { "normal": { "color": "#4abfca", "over": { "color": { "src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png" } } } } }, "s3": { "area": { "normal": { "color": "#f9d33a", "over": { "color": { "src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png" } } } } }, "s4": { "area": { "normal": { "color": {src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern01.png'}, "over": { "color": { "src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png" } } } } }, "s5": { "area": { "normal": { "color": {src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern05.png'}, "over": { "color": { "src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png" } } } } }, "s6": { "area": { "normal": { "color":{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/visual/img/pie_pattern1.png'}, "over": { "color": { "src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png" } } } } }, "s7": { "area": { "normal": { "color":{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/visual/img/pie_pattern1.png'}, "over": { "color": { "src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png" } } } } }, "s8": { "area": { "normal": { "color": [ [ 0, "#5e93f4" ], [ 100, "#80abfa" ] ], "over": { "color": { "src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png" } } } } } } } }; var data_24 = data; var style_24 = style; var series_24 = series; if(color_style_24 == undefined){ var color_style_24 = []; } if(slider_24 == undefined ){ var slider_24 =true; } if (chart_type_24 == "pie") { chart_24 = webponent.visual.pie.init(jQuery('#webponent_chart_24'), style_24, data_24); jQuery("#chart_controller").remove(); } else if (chart_type_24 == "tree") { chart_24 = webponent.visual.treemap.init(jQuery('#webponent_chart_24'), style_24, data_24); jQuery("#chart_controller").remove(); } else if (chart_type_24 == "horizon") { chart_24 = webponent.visual.horizon.init(jQuery('#webponent_chart_24'), style_24, data_24); jQuery("#chart_controller").remove(); } else if (chart_type_24 == "scatter") { chart_24 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_24'), style_24, data_24); jQuery("#chart_controller").remove(); } else { if(chart_type_24 != "hloc"){ var count =0; jQuery.each(series_24.main, function (index, value) { if (index != "type") { if(chart_type_24 == "line"){ legend_count = count %5; jQuery("#chart_legends_24").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'
  • '); }else if(chart_type_24 =="multi_series"){ if(value.series=="line"){ legend_count = count %5; jQuery("#chart_legends_24").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +''); }else{ jQuery("#chart_legends_24").append('
  • ' + value.yaxis + '
  • '); } }else{ if(color_style_24.length){ jQuery("#chart_legends_24").append('
  • ' + value.yaxis + '
  • '); }else{ jQuery("#chart_legends_24").append('
  • ' + value.yaxis + '
  • '); } } } count++; }); } chart_24= webponent.chart.init(jQuery('#webponent_chart_24'), data_24, style_24, series_24); if(slider_24){ if(chart_type_24=="line"||chart_type_24=="column"){ var tmp_x=[]; jQuery("#slider_div_24").attr("style",""); jQuery.each(data_24.data.data,function (index,value){ tmp_x.push(value[Object.keys(value)[0]]); }); jQuery("#slider-range_24").slider({ range: true, min: 0, max: tmp_x.length-1, values: [ 0, tmp_x.length-1 ], slide: function( event, ui ) { jQuery( "#slider-text_24" ).text( "범위 : " + tmp_x[ui.values[ 0 ]] + " - " + tmp_x[ui.values[ 1 ]] ); var tmp_data = JSON.parse(JSON.stringify(data_24)); //object 참조 복사 회피 tmp_data.data.data = tmp_data.data.data.splice(ui.values[ 0 ],ui.values[ 1 ]+1-ui.values[0]); chart_24.inquery( tmp_data,style_24, series_24); } }); jQuery("#slider-text_24").text( "범위 : "+tmp_x[0] + " - " + tmp_x[tmp_x.length-1]); } } } })
  • SW산업 수출 현황 (연도별)
    구분 2019년 2020년 2021년 2022년 2023년(P)
    var table_9= jQuery("#grid_table_9"); var tmp_template_9 = jQuery("#grid_template_9").html(); if(tmp_template_9.split("/*").length>1){ tmp_template_9 =tmp_template_9.substring(13,tmp_template_9.length-7); } jQuery("#grid_template_9").html(tmp_template_9); var template_9 =jQuery("#grid_template_9"); var data_9 =[{"s0":"패키지SW","s1":"12.2","s2":"15.6","s3":"17.2","s4":"20.0","s5":"20.2"},{"s0":"IT서비스","s1":"37.7","s2":"37.0","s3":"49.1","s4":"52.5","s5":"51.8"},{"s0":"게임SW","s1":"12.0","s2":"14.4","s3":"18.0","s4":"19.3","s5":"19.2"}]; var grid_9; jQuery(document).ready(function () { jQuery.each(data_9 , 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_9 = webponent.grid.init(table_9,template_9, {sortable:grid_sortable}); var collapseKeys_9 = Object.keys(data_9[0]); grid_9.event.on('dataRendered', function () { var dataList = grid_9.data; var renderingStartRowIndex = grid_9.settings.defferedRendering.renderingStartRowIndex; var renderingEndRowIndex = grid_9.settings.defferedRendering.renderingEndRowIndex; if (renderingStartRowIndex === null) { renderingStartRowIndex = 0; } if (renderingEndRowIndex === null) { renderingEndRowIndex = grid_9.data.length; } else { renderingEndRowIndex ++; } var prevTdMap = {}; var prevDataMap = {}; var prevRowspanMap = {}; for (var i = renderingStartRowIndex; i < renderingEndRowIndex; i ++) { var data = dataList[i]; _.each(collapseKeys_9 , function (collapseKey) { var row = jQuery(grid_9.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_9.appendRow(data_9); grid_9.setGridHeight(0); //var header_caption_9 = grid_9.markup.main.header.table.createCaption(); //header_caption_9.innerHTML = "1.SW 생산_1)SW산업 생산 현황 (연도별)_그래프(누적세로막대).csv"; //header_caption_9.className += " blind"; var header_td_9 = grid_9.markup.main.header.table; //console.log($(header_td_9).html()); $(header_td_9).find('.CI-GRID-SORTER').attr('title', '이 컬럼을 소트하려면 클릭 또는 엔터키를 눌러 주세요.\(쉬프트키를 누르면서 클릭 또는 엔터키를 눌러 주시면 멀티소팅이 됩니다.\) '); $('.CI-GRID-FOCUS-ESCAPER').remove(); });
    • 자료) 과학기술정보통신부 ICT실태조사(2023.7), ICT주요품목동향조사(2024.4)
      • 주1)SW생산 통계는 SW품목 매출을 집계한 금액으로 기업의 총 매출액과는 차이가 있음
      • 주2) 2022, 2023년 수치는 ICT품목동향조사(월간) 기준 잠정치로 ICT실태조사(연간)를 통해 확정치로 대체 예정(2024.7)