직무별 SW인력 현황
(단위 : %)
var chart_120;
var chart_type_120 = "pie";
jQuery(document).ready(function () {
{"data":{"data":[{"구분":"사업\/프로젝트 관리","2024년":"1.5"},{"구분":"컴퓨터 시스템 분석가","2024년":"3.4"},{"구분":"SW 개발자","2024년":"21.6"},{"구분":"웹 전문가","2024년":"3.0"},{"구분":"정보보안 전문가","2024년":"10.6"},{"구분":"정보시스템 운영 및 지원","2024년":"50.0"},{"구분":"데이터 전문가","2024년":"6.2"},{"구분":"기타","2024년":"3.7"}],"use":"2024년"},"legend":{"use":"구분"}}
var style = {
"layout":{
area : {
color : layout_color
}
},
"pie": {
"radius": 70,
"area": {
"color": [
{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern04.png'},
{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern02.png'},
{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern03.png'},
{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern01.png'},
{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern05.png'}
]
},
"line": {
"color": "#eeeeee",
"width": 2
},
"animate": {
"use": true,
"step": 80,
"type": "easeInOutExpo"
},
"hover": {
"use": true,
"area": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
};
var data_120 = data;
var style_120 = style;
var series_120 = series;
if(color_style_120 == undefined){
var color_style_120 = [];
}
if(slider_120 == undefined ){
var slider_120 =true;
}
if (chart_type_120 == "pie") {
chart_120 = webponent.visual.pie.init(jQuery('#webponent_chart_120'), style_120, data_120);
jQuery("#chart_controller").remove();
} else if (chart_type_120 == "tree") {
chart_120 = webponent.visual.treemap.init(jQuery('#webponent_chart_120'), style_120, data_120);
jQuery("#chart_controller").remove();
} else if (chart_type_120 == "horizon") {
chart_120 = webponent.visual.horizon.init(jQuery('#webponent_chart_120'), style_120, data_120);
jQuery("#chart_controller").remove();
} else if (chart_type_120 == "scatter") {
chart_120 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_120'), style_120, data_120);
jQuery("#chart_controller").remove();
} else {
if(chart_type_120 != "hloc"){
var count =0;
jQuery.each(series_120.main, function (index, value) {
if (index != "type") {
if(chart_type_120 == "line"){
legend_count = count %5;
jQuery("#chart_legends_120").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else if(chart_type_120 =="multi_series"){
if(value.series=="line"){
legend_count = count %5;
jQuery("#chart_legends_120").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else{
jQuery("#chart_legends_120").append('
' + value.yaxis + '');
}
}else{
if(color_style_120.length){
jQuery("#chart_legends_120").append('
' + value.yaxis + '');
}else{
jQuery("#chart_legends_120").append('
' + value.yaxis + '');
}
}
}
count++;
});
}
chart_120= webponent.chart.init(jQuery('#webponent_chart_120'), data_120, style_120, series_120);
if(slider_120){
if(chart_type_120=="line"||chart_type_120=="column"){
var tmp_x=[];
jQuery("#slider_div_120").attr("style","");
jQuery.each(data_120.data.data,function (index,value){
tmp_x.push(value[Object.keys(value)[0]]);
});
jQuery("#slider-range_120").slider({
range: true,
min: 0,
max: tmp_x.length-1,
values: [ 0, tmp_x.length-1 ],
slide: function( event, ui ) {
jQuery( "#slider-text_120" ).text( "범위 : " + tmp_x[ui.values[ 0 ]] + " - " + tmp_x[ui.values[ 1 ]] );
var tmp_data = JSON.parse(JSON.stringify(data_120)); //object 참조 복사 회피
tmp_data.data.data = tmp_data.data.data.splice(ui.values[ 0 ],ui.values[ 1 ]+1-ui.values[0]);
chart_120.inquery( tmp_data,style_120, series_120);
}
});
jQuery("#slider-text_120").text( "범위 : "+tmp_x[0] + " - " + tmp_x[tmp_x.length-1]);
}
}
}
})
