SW산업 주가지수 추이
  • 김항규SW기반정책·인재연구실 선임연구원
날짜2023.07.05
조회수21787
글자크기
    var chart_78; var chart_type_78 = "line"; jQuery(document).ready(function () { {"data":{"data":[{"구분":"2018년","IT SW\/서비스":"1599"},{"구분":"2019년","IT SW\/서비스":"1544"},{"구분":"2020년","IT SW\/서비스":"2062"},{"구분":"2021년","IT SW\/서비스":"3338"},{"구분":"2022년","IT SW\/서비스":"1495"}]},"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.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} } } }, s8: { 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_78 = data; var style_78 = style; var series_78 = series; if(color_style_78 == undefined){ var color_style_78 = []; } if(slider_78 == undefined ){ var slider_78 =true; } if (chart_type_78 == "pie") { chart_78 = webponent.visual.pie.init(jQuery('#webponent_chart_78'), style_78, data_78); jQuery("#chart_controller").remove(); } else if (chart_type_78 == "tree") { chart_78 = webponent.visual.treemap.init(jQuery('#webponent_chart_78'), style_78, data_78); jQuery("#chart_controller").remove(); } else if (chart_type_78 == "horizon") { chart_78 = webponent.visual.horizon.init(jQuery('#webponent_chart_78'), style_78, data_78); jQuery("#chart_controller").remove(); } else if (chart_type_78 == "scatter") { chart_78 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_78'), style_78, data_78); jQuery("#chart_controller").remove(); } else { if(chart_type_78 != "hloc"){ var count =0; jQuery.each(series_78.main, function (index, value) { if (index != "type") { if(chart_type_78 == "line"){ legend_count = count %5; jQuery("#chart_legends_78").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'
  • '); }else if(chart_type_78 =="multi_series"){ if(value.series=="line"){ legend_count = count %5; jQuery("#chart_legends_78").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +''); }else{ jQuery("#chart_legends_78").append('
  • ' + value.yaxis + '
  • '); } }else{ if(color_style_78.length){ jQuery("#chart_legends_78").append('
  • ' + value.yaxis + '
  • '); }else{ jQuery("#chart_legends_78").append('
  • ' + value.yaxis + '
  • '); } } } count++; }); } chart_78= webponent.chart.init(jQuery('#webponent_chart_78'), data_78, style_78, series_78); if(slider_78){ if(chart_type_78=="line"||chart_type_78=="column"){ var tmp_x=[]; jQuery("#slider_div_78").attr("style",""); jQuery.each(data_78.data.data,function (index,value){ tmp_x.push(value[Object.keys(value)[0]]); }); jQuery("#slider-range_78").slider({ range: true, min: 0, max: tmp_x.length-1, values: [ 0, tmp_x.length-1 ], slide: function( event, ui ) { jQuery( "#slider-text_78" ).text( "범위 : " + tmp_x[ui.values[ 0 ]] + " - " + tmp_x[ui.values[ 1 ]] ); var tmp_data = JSON.parse(JSON.stringify(data_78)); //object 참조 복사 회피 tmp_data.data.data = tmp_data.data.data.splice(ui.values[ 0 ],ui.values[ 1 ]+1-ui.values[0]); chart_78.inquery( tmp_data,style_78, series_78); } }); jQuery("#slider-text_78").text( "범위 : "+tmp_x[0] + " - " + tmp_x[tmp_x.length-1]); } } } })
  • 지수명 2012년 2013년 2014년 2015년 2016년 2017년 2018년 2019년 2020년 2021년 2022년
    var table_64= jQuery("#grid_table_64"); var tmp_template_64 = jQuery("#grid_template_64").html(); if(tmp_template_64.split("/*").length>1){ tmp_template_64 =tmp_template_64.substring(13,tmp_template_64.length-7); } jQuery("#grid_template_64").html(tmp_template_64); var template_64 =jQuery("#grid_template_64"); var data_64 =[{"s0":"IT SW\/서비스","s1":"1,597","s2":"1,447","s3":"1,999","s4":"2,051","s5":"1,536","s6":"1,974","s7":"1,599","s8":"1,544","s9":"2,062","s10":"3,338","s11":"1,495"},{"s0":"-인터넷","s1":"16,478","s2":"14,769","s3":"19,066","s4":"18,879","s5":"12,635","s6":"14,610","s7":"16,124","s8":"14,813","s9":"19,154","s10":"17,956","s11":"10,371"},{"s0":"-디지털컨텐츠","s1":"1,009","s2":"769","s3":"1,381","s4":"1,228","s5":"866","s6":"1,270","s7":"949","s8":"881","s9":"1,182","s10":"3,338","s11":"984"},{"s0":"-소프트웨어","s1":"209","s2":"220","s3":"245","s4":"309","s5":"241","s6":"253","s7":"207","s8":"215","s9":"302","s10":"374","s11":"192"},{"s0":"-컴퓨터 서비스","s1":"204","s2":"200","s3":"253","s4":"278","s5":"323","s6":"313","s7":"290","s8":"266","s9":"289","s10":"290","s11":"201"},{"s0":"IT서비스","s1":"373","s2":"361","s3":"349","s4":"323","s5":"419","s6":"492","s7":"355","s8":"457","s9":"642","s10":"770","s11":"482"},{"s0":"-통신장비","s1":"141","s2":"134","s3":"149","s4":"176","s5":"163","s6":"187","s7":"138","s8":"191","s9":"268","s10":"223","s11":"137"},{"s0":"-정보기기","s1":"11","s2":"12","s3":"15","s4":"19","s5":"18","s6":"16","s7":"13","s8":"14","s9":"17","s10":"16","s11":"10"},{"s0":"-반도체","s1":"722","s2":"779","s3":"797","s4":"920","s5":"1,044","s6":"1,260","s7":"795","s8":"1,119","s9":"1,710","s10":"2,063","s11":"1,213"},{"s0":"-IT부품","s1":"905","s2":"781","s3":"650","s4":"700","s5":"713","s6":"836","s7":"697","s8":"788","s9":"973","s10":"1,379","s11":"949"},{"s0":"통신방송서비스","s1":"1,180","s2":"1,556","s3":"1,386","s4":"1,696","s5":"1,560","s6":"911","s7":"745","s8":"708","s9":"843","s10":"938","s11":"709"},{"s0":"제조","s1":"1,336","s2":"1,320","s3":"1,441","s4":"2,067","s5":"2,028","s6":"2,544","s7":"2,257","s8":"2,212","s9":"3,144","s10":"3,130","s11":"2,286"},{"s0":"건설","s1":"67","s2":"73","s3":"83","s4":"104","s5":"89","s6":"85","s7":"74","s8":"76","s9":"87","s10":"99","s11":"70"},{"s0":"유통","s1":"337","s2":"335","s3":"415","s4":"570","s5":"442","s6":"642","s7":"470","s8":"389","s9":"782","s10":"549","s11":"409"},{"s0":"운송","s1":"3,993","s2":"4,025","s3":"4,192","s4":"5,323","s5":"5,597","s6":"4,275","s7":"3,598","s8":"3,213","s9":"3,703","s10":"5,741","s11":"7,842"},{"s0":"금융","s1":"434","s2":"471","s3":"680","s4":"752","s5":"868","s6":"828","s7":"613","s8":"621","s9":"887","s10":"1,107","s11":"692"},{"s0":"KRX100","s1":"4,266","s2":"4,358","s3":"3,943","s4":"3,872","s5":"4,079","s6":"5,155","s7":"4,210","s8":"4,750","s9":"6,224","s10":"6,208","s11":"4,521"},{"s0":"코스피","s1":"1,997","s2":"2,011","s3":"1,916","s4":"1,961","s5":"2,026","s6":"2,467","s7":"2,041","s8":"2,198","s9":"2,873","s10":"2,978","s11":"2,236"},{"s0":"코스피200","s1":"264","s2":"264","s3":"244","s4":"240","s5":"260","s6":"325","s7":"262","s8":"294","s9":"389","s10":"394","s11":"291"},{"s0":"코스닥","s1":"496","s2":"500","s3":"543","s4":"682","s5":"631","s6":"798","s7":"676","s8":"670","s9":"968","s10":"1,034","s11":"679"},{"s0":"코스닥150","s1":"880","s2":"856","s3":"894","s4":"1,095","s5":"936","s6":"1,414","s7":"1,166","s8":"1,030","s9":"1,533","s10":"1,524","s11":"958"}]; var grid_64; jQuery(document).ready(function () { jQuery.each(data_64 , 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_64 = webponent.grid.init(table_64,template_64, {sortable:grid_sortable}); var collapseKeys_64 = Object.keys(data_64[0]); grid_64.event.on('dataRendered', function () { var dataList = grid_64.data; var renderingStartRowIndex = grid_64.settings.defferedRendering.renderingStartRowIndex; var renderingEndRowIndex = grid_64.settings.defferedRendering.renderingEndRowIndex; if (renderingStartRowIndex === null) { renderingStartRowIndex = 0; } if (renderingEndRowIndex === null) { renderingEndRowIndex = grid_64.data.length; } else { renderingEndRowIndex ++; } var prevTdMap = {}; var prevDataMap = {}; var prevRowspanMap = {}; for (var i = renderingStartRowIndex; i < renderingEndRowIndex; i ++) { var data = dataList[i]; _.each(collapseKeys_64 , function (collapseKey) { var row = jQuery(grid_64.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_64.appendRow(data_64); grid_64.setGridHeight(0); //var header_caption_64 = grid_64.markup.main.header.table.createCaption(); //header_caption_64.innerHTML = "SW산업 주가지수 추이"; //header_caption_64.className += " blind"; var header_td_64 = grid_64.markup.main.header.table; //console.log($(header_td_64).html()); $(header_td_64).find('.CI-GRID-SORTER').attr('title', '이 컬럼을 소트하려면 클릭 또는 엔터키를 눌러 주세요.\(쉬프트키를 누르면서 클릭 또는 엔터키를 눌러 주시면 멀티소팅이 됩니다.\) '); $('.CI-GRID-FOCUS-ESCAPER').remove(); });
    • 자료) 한국거래소 KRX Indices(2023.4)
      • 주1)각 년도 말일 기준 주가지수 기준
      • 주2)코스닥 산업별 지수 기준시점은 1996. 7. 1, 기준지수 1,000으로 시작(단, 운송은 2000. 6. 4. 기준)
      • 주3) 코스닥 IT SW/서비스 주가지수는 총 180개 기업(2022년 4월 기준)으로 구성되어 있으며 시가총액기준 대표기업은 카카오게임즈, 펄어비스, 위메이드, 넥슨게임즈, 디어유 등의 순임