총 연구개발비 집약도
(단위 : %)
var chart_102;
var chart_type_102 = "line";
jQuery(document).ready(function () {
{"data":{"data":[{"구분":"2019년","패키지SW":"7.6","IT서비스":"3.4","게임SW":"9.9","인터넷SW (정보서비스)":"8.0"},{"구분":"2020년","패키지SW":"7.1","IT서비스":"3.3","게임SW":"9.9","인터넷SW (정보서비스)":"7.4"},{"구분":"2021년","패키지SW":"6.0","IT서비스":"2.8","게임SW":"9.5","인터넷SW (정보서비스)":"6.0"},{"구분":"2022년","패키지SW":"4.5","IT서비스":"4.9","게임SW":"8.7","인터넷SW (정보서비스)":"6.3"},{"구분":"2023년(E)","패키지SW":"4.5","IT서비스":"4.8","게임SW":"9.0","인터넷SW (정보서비스)":"5.7"}]},"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_102 = data;
var style_102 = style;
var series_102 = series;
if(color_style_102 == undefined){
var color_style_102 = [];
}
if(slider_102 == undefined ){
var slider_102 =true;
}
if (chart_type_102 == "pie") {
chart_102 = webponent.visual.pie.init(jQuery('#webponent_chart_102'), style_102, data_102);
jQuery("#chart_controller").remove();
} else if (chart_type_102 == "tree") {
chart_102 = webponent.visual.treemap.init(jQuery('#webponent_chart_102'), style_102, data_102);
jQuery("#chart_controller").remove();
} else if (chart_type_102 == "horizon") {
chart_102 = webponent.visual.horizon.init(jQuery('#webponent_chart_102'), style_102, data_102);
jQuery("#chart_controller").remove();
} else if (chart_type_102 == "scatter") {
chart_102 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_102'), style_102, data_102);
jQuery("#chart_controller").remove();
} else {
if(chart_type_102 != "hloc"){
var count =0;
jQuery.each(series_102.main, function (index, value) {
if (index != "type") {
if(chart_type_102 == "line"){
legend_count = count %5;
jQuery("#chart_legends_102").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'
