SW 신기술 분야 인력 현황
(단위 : %)
var chart_122;
var chart_type_122 = "pie";
jQuery(document).ready(function () {
{"data":{"data":[{"구분":"빅데이터","인력":"30.9"},{"구분":"클라우드서비스","인력":"38.0"},{"구분":"인공지능","인력":"10.8"},{"구분":"사물인터넷","인력":"15.5"},{"구분":"VR\/AR(XR)","인력":"1.7"},{"구분":"블록체인","인력":"1.2"},{"구분":"기타 (로봇설계 등)","인력":"1.8"}],"use":"인력"},"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_122 = data;
var style_122 = style;
var series_122 = series;
if(color_style_122 == undefined){
var color_style_122 = [];
}
if(slider_122 == undefined ){
var slider_122 =true;
}
if (chart_type_122 == "pie") {
chart_122 = webponent.visual.pie.init(jQuery('#webponent_chart_122'), style_122, data_122);
jQuery("#chart_controller").remove();
} else if (chart_type_122 == "tree") {
chart_122 = webponent.visual.treemap.init(jQuery('#webponent_chart_122'), style_122, data_122);
jQuery("#chart_controller").remove();
} else if (chart_type_122 == "horizon") {
chart_122 = webponent.visual.horizon.init(jQuery('#webponent_chart_122'), style_122, data_122);
jQuery("#chart_controller").remove();
} else if (chart_type_122 == "scatter") {
chart_122 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_122'), style_122, data_122);
jQuery("#chart_controller").remove();
} else {
if(chart_type_122 != "hloc"){
var count =0;
jQuery.each(series_122.main, function (index, value) {
if (index != "type") {
if(chart_type_122 == "line"){
legend_count = count %5;
jQuery("#chart_legends_122").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else if(chart_type_122 =="multi_series"){
if(value.series=="line"){
legend_count = count %5;
jQuery("#chart_legends_122").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else{
jQuery("#chart_legends_122").append('
' + value.yaxis + '');
}
}else{
if(color_style_122.length){
jQuery("#chart_legends_122").append('
' + value.yaxis + '');
}else{
jQuery("#chart_legends_122").append('
' + value.yaxis + '');
}
}
}
count++;
});
}
chart_122= webponent.chart.init(jQuery('#webponent_chart_122'), data_122, style_122, series_122);
if(slider_122){
if(chart_type_122=="line"||chart_type_122=="column"){
var tmp_x=[];
jQuery("#slider_div_122").attr("style","");
jQuery.each(data_122.data.data,function (index,value){
tmp_x.push(value[Object.keys(value)[0]]);
});
jQuery("#slider-range_122").slider({
range: true,
min: 0,
max: tmp_x.length-1,
values: [ 0, tmp_x.length-1 ],
slide: function( event, ui ) {
jQuery( "#slider-text_122" ).text( "범위 : " + tmp_x[ui.values[ 0 ]] + " - " + tmp_x[ui.values[ 1 ]] );
var tmp_data = JSON.parse(JSON.stringify(data_122)); //object 참조 복사 회피
tmp_data.data.data = tmp_data.data.data.splice(ui.values[ 0 ],ui.values[ 1 ]+1-ui.values[0]);
chart_122.inquery( tmp_data,style_122, series_122);
}
});
jQuery("#slider-text_122").text( "범위 : "+tmp_x[0] + " - " + tmp_x[tmp_x.length-1]);
}
}
}
})
