산업별 연평균 급여 추이

  • 김항규SW기반정책·인재연구실 선임연구원
날짜2024.07.01
조회수14851
글자크기
  • (단위 : 만원)
    var chart_36; var chart_type_36 = "line"; jQuery(document).ready(function () { {"data":{"data":[{"구분":"2020년","패키지SW":"4131","IT서비스":"4738","게임SW":"5284","인터넷SW(정보서비스)":"4963"},{"구분":"2021년","패키지SW":"4091","IT서비스":"5298","게임SW":"5926","인터넷SW(정보서비스)":"4930"},{"구분":"2022년","패키지SW":"3685","IT서비스":"5258","게임SW":"6047","인터넷SW(정보서비스)":"6152"}]},"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: { graph: { color: graph_color, line: { top: {color: '#cccccc'}, left: {width: 0}, right: {width: 0}, bottom: {color: '#cccccc'} } }, layout: { paddingTop: 57, paddingRight: 30, color: layout_color, line: {color: '#eaeaea', width: 1} }, 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: { line: { normal: { color: legend_color[0], width: 3, over: over_img } }, tick: { style: 'circle', size: 5, overSize: 1.5, area: { normal: {color: '#fff', over: {color: '#fff'}} }, line: { normal: {color:legend_color[0], width: 3} } } }, s2: { line: { normal: { color: legend_color[1], width: 3, over: over_img } }, tick: { style: 'square', size: 5, overSize: 1.5, area: { normal: {color: '#fff', over: {color: '#fff'}} }, line: { normal: {color: legend_color[1], width: 3} } } }, s3: { line: { normal: { color: legend_color[2], width: 3, over: over_img } }, tick: { style: 'triangle', size: 5, overSize: 1.5, area: { normal: {color: '#fff', over: {color: '#fff'}} }, line: { normal: {color: legend_color[2], width: 3} } } }, s4: { line: { normal: { color: legend_color[3], width: 3, over: over_img } }, tick: { style: 'star', size: 5, overSize: 1.5, area: { normal: {color: '#fff', over: {color: '#fff'}} }, line: { normal: {color: legend_color[3], width: 3} } } }, s5: { line: { normal: { color: legend_color[4], width: 3, over: over_img } }, tick: { style: 'diamond', size: 5, overSize: 1.5, area: { normal: {color: '#fff', over: {color: '#fff'}} }, line: { normal: {color: legend_color[4], width: 3} } } }, s6: { line: { normal: { color: legend_color[5], width: 3, over: over_img } }, tick: { style: 'circle', size: 5, overSize: 1.5, area: { normal: {color: '#fff', over: {color: '#fff'}} }, line: { normal: {color: legend_color[5], width: 3} } } }, s7: { line: { normal: { color: legend_color[6], width: 3, over: over_img } }, tick: { style: 'square', size: 5, overSize: 1.5, area: { normal: {color: '#fff', over: {color: '#fff'}} }, line: { normal: {color: legend_color[6], width: 3} } } } } } }; var data_36 = data; var style_36 = style; var series_36 = series; if(color_style_36 == undefined){ var color_style_36 = []; } if(slider_36 == undefined ){ var slider_36 =true; } if (chart_type_36 == "pie") { chart_36 = webponent.visual.pie.init(jQuery('#webponent_chart_36'), style_36, data_36); jQuery("#chart_controller").remove(); } else if (chart_type_36 == "tree") { chart_36 = webponent.visual.treemap.init(jQuery('#webponent_chart_36'), style_36, data_36); jQuery("#chart_controller").remove(); } else if (chart_type_36 == "horizon") { chart_36 = webponent.visual.horizon.init(jQuery('#webponent_chart_36'), style_36, data_36); jQuery("#chart_controller").remove(); } else if (chart_type_36 == "scatter") { chart_36 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_36'), style_36, data_36); jQuery("#chart_controller").remove(); } else { if(chart_type_36 != "hloc"){ var count =0; jQuery.each(series_36.main, function (index, value) { if (index != "type") { if(chart_type_36 == "line"){ legend_count = count %5; jQuery("#chart_legends_36").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'
  • '); }else if(chart_type_36 =="multi_series"){ if(value.series=="line"){ legend_count = count %5; jQuery("#chart_legends_36").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +''); }else{ jQuery("#chart_legends_36").append('
  • ' + value.yaxis + '
  • '); } }else{ if(color_style_36.length){ jQuery("#chart_legends_36").append('
  • ' + value.yaxis + '
  • '); }else{ jQuery("#chart_legends_36").append('
  • ' + value.yaxis + '
  • '); } } } count++; }); } chart_36= webponent.chart.init(jQuery('#webponent_chart_36'), data_36, style_36, series_36); if(slider_36){ if(chart_type_36=="line"||chart_type_36=="column"){ var tmp_x=[]; jQuery("#slider_div_36").attr("style",""); jQuery.each(data_36.data.data,function (index,value){ tmp_x.push(value[Object.keys(value)[0]]); }); jQuery("#slider-range_36").slider({ range: true, min: 0, max: tmp_x.length-1, values: [ 0, tmp_x.length-1 ], slide: function( event, ui ) { jQuery( "#slider-text_36" ).text( "범위 : " + tmp_x[ui.values[ 0 ]] + " - " + tmp_x[ui.values[ 1 ]] ); var tmp_data = JSON.parse(JSON.stringify(data_36)); //object 참조 복사 회피 tmp_data.data.data = tmp_data.data.data.splice(ui.values[ 0 ],ui.values[ 1 ]+1-ui.values[0]); chart_36.inquery( tmp_data,style_36, series_36); } }); jQuery("#slider-text_36").text( "범위 : "+tmp_x[0] + " - " + tmp_x[tmp_x.length-1]); } } } })
  • 산업별 연평균 급여 추이
    구분 2020년 2021년 2022년
    var table_24= jQuery("#grid_table_24"); var tmp_template_24 = jQuery("#grid_template_24").html(); if(tmp_template_24.split("/*").length>1){ tmp_template_24 =tmp_template_24.substring(13,tmp_template_24.length-7); } jQuery("#grid_template_24").html(tmp_template_24); var template_24 =jQuery("#grid_template_24"); var data_24 =[{"s0":"패키지SW","s1":"4,131","s2":"4,091","s3":"3,685"},{"s0":"IT서비스","s1":"4,738","s2":"5,298","s3":"5,258"},{"s0":"게임SW","s1":"5,284","s2":"5,926","s3":"6,047"},{"s0":"인터넷SW (정보서비스)","s1":"4,963","s2":"4,930","s3":"6,152"}]; var grid_24; jQuery(document).ready(function () { jQuery.each(data_24 , 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_24 = webponent.grid.init(table_24,template_24, {sortable:grid_sortable}); var collapseKeys_24 = Object.keys(data_24[0]); grid_24.event.on('dataRendered', function () { var dataList = grid_24.data; var renderingStartRowIndex = grid_24.settings.defferedRendering.renderingStartRowIndex; var renderingEndRowIndex = grid_24.settings.defferedRendering.renderingEndRowIndex; if (renderingStartRowIndex === null) { renderingStartRowIndex = 0; } if (renderingEndRowIndex === null) { renderingEndRowIndex = grid_24.data.length; } else { renderingEndRowIndex ++; } var prevTdMap = {}; var prevDataMap = {}; var prevRowspanMap = {}; for (var i = renderingStartRowIndex; i < renderingEndRowIndex; i ++) { var data = dataList[i]; _.each(collapseKeys_24 , function (collapseKey) { var row = jQuery(grid_24.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_24.appendRow(data_24); grid_24.setGridHeight(0); //var header_caption_24 = grid_24.markup.main.header.table.createCaption(); //header_caption_24.innerHTML = "산업별 평균 급여 추이"; //header_caption_24.className += " blind"; var header_td_24 = grid_24.markup.main.header.table; //console.log($(header_td_24).html()); $(header_td_24).find('.CI-GRID-SORTER').attr('title', '이 컬럼을 소트하려면 클릭 또는 엔터키를 눌러 주세요.\(쉬프트키를 누르면서 클릭 또는 엔터키를 눌러 주시면 멀티소팅이 됩니다.\) '); $('.CI-GRID-FOCUS-ESCAPER').remove(); });
    • 자료) 통계청 서비스업 조사(2024.3)
      • 주1) 평균급여액은 전체종사자를 기준으로 산출(급여총액/종사자수)
      • 주2) 패키지SW : 시스템·응용 소프트웨어 개발 및 공급업(58220)
      • 주3) IT서비스 : 컴퓨터 프로그래밍, 시스템 통합 및 관리업(620)
      • 주4) 게임SW : 게임 소프트웨어 개발 및 공급업(58210)
      • 주5) 인터넷SW(정보서비스) : 자료 처리, 호스팅 및 관련 서비스업(63110), 포털 및 기타 인터넷 정보매개 서비스업(63120), 그 외 기타 정보 서비스업(63990)