SW 생산 현황 (월별)
(단위 : 조 원)
var chart_25;
var chart_type_25 = "stack_column";
jQuery(document).ready(function () {
{"data":{"data":[{"구분":"2023년 8월(P)","패키지SW":"1.55","IT서비스":"4.29","게임SW":"1.67"},{"구분":"2023년 9월(P)","패키지SW":"1.65","IT서비스":"4.25","게임SW":"1.66"},{"구분":"2023년 10월(P)","패키지SW":"1.60","IT서비스":"4.27","게임SW":"1.66"},{"구분":"2023년 11월(P)","패키지SW":"1.64","IT서비스":"4.30","게임SW":"1.64"},{"구분":"2023년 12월(P)","패키지SW":"1.71","IT서비스":"4.35","게임SW":"1.62"},{"구분":"2024년 1월(P)","패키지SW":"1.70","IT서비스":"4.31","게임SW":"1.55"},{"구분":"2024년 2월(P)","패키지SW":"1.71","IT서비스":"4.30","게임SW":"1.55"},{"구분":"2024년 3월(P)","패키지SW":"1.72","IT서비스":"4.39","게임SW":"1.58"},{"구분":"2024년 4월(P)","패키지SW":"1.67","IT서비스":"4.22","게임SW":"1.55"},{"구분":"2024년 5월(P)","패키지SW":"1.69","IT서비스":"4.34","게임SW":"1.58"},{"구분":"2024년 6월(P)","패키지SW":"1.69","IT서비스":"4.37","게임SW":"1.61"},{"구분":"2024년 7월(P)","패키지SW":"1.67","IT서비스":"4.39","게임SW":"1.69"}]},"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": {
"layout": {
"paddingTop": 57,
"paddingRight": 30,
"color": "#ffffff",
"line": {
"color": "#eaeaea",
"width": 1
}
},
"graph": {
"color": "#fff",
"line": {
"top": {
"color": "#cccccc"
},
"left": {
"width": 0
},
"right": {
"width": 0
},
"bottom": {
"color": "#cccccc"
}
}
},
"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"
},
"baseAtZero": true
},
"tip": {
"className": "tip"
},
"series": {
"s1": {
"area": {
"normal": {
"color": "#1d64ac",
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s2": {
"area": {
"normal": {
"color": "#4abfca",
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s3": {
"area": {
"normal": {
"color": "#f9d33a",
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s4": {
"area": {
"normal": {
"color": {src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern01.png'},
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s5": {
"area": {
"normal": {
"color": {src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern05.png'},
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s6": {
"area": {
"normal": {
"color":{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/visual/img/pie_pattern1.png'},
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s7": {
"area": {
"normal": {
"color":{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/visual/img/pie_pattern1.png'},
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s8": {
"area": {
"normal": {
"color": [
[
0,
"#5e93f4"
],
[
100,
"#80abfa"
]
],
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
}
}
}
};
var data_25 = data;
var style_25 = style;
var series_25 = series;
if(color_style_25 == undefined){
var color_style_25 = [];
}
if(slider_25 == undefined ){
var slider_25 =true;
}
if (chart_type_25 == "pie") {
chart_25 = webponent.visual.pie.init(jQuery('#webponent_chart_25'), style_25, data_25);
jQuery("#chart_controller").remove();
} else if (chart_type_25 == "tree") {
chart_25 = webponent.visual.treemap.init(jQuery('#webponent_chart_25'), style_25, data_25);
jQuery("#chart_controller").remove();
} else if (chart_type_25 == "horizon") {
chart_25 = webponent.visual.horizon.init(jQuery('#webponent_chart_25'), style_25, data_25);
jQuery("#chart_controller").remove();
} else if (chart_type_25 == "scatter") {
chart_25 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_25'), style_25, data_25);
jQuery("#chart_controller").remove();
} else {
if(chart_type_25 != "hloc"){
var count =0;
jQuery.each(series_25.main, function (index, value) {
if (index != "type") {
if(chart_type_25 == "line"){
legend_count = count %5;
jQuery("#chart_legends_25").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else if(chart_type_25 =="multi_series"){
if(value.series=="line"){
legend_count = count %5;
jQuery("#chart_legends_25").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else{
jQuery("#chart_legends_25").append('
' + value.yaxis + '');
}
}else{
if(color_style_25.length){
jQuery("#chart_legends_25").append('
' + value.yaxis + '');
}else{
jQuery("#chart_legends_25").append('
' + value.yaxis + '');
}
}
}
count++;
});
}
chart_25= webponent.chart.init(jQuery('#webponent_chart_25'), data_25, style_25, series_25);
if(slider_25){
if(chart_type_25=="line"||chart_type_25=="column"){
var tmp_x=[];
jQuery("#slider_div_25").attr("style","");
jQuery.each(data_25.data.data,function (index,value){
tmp_x.push(value[Object.keys(value)[0]]);
});
jQuery("#slider-range_25").slider({
range: true,
min: 0,
max: tmp_x.length-1,
values: [ 0, tmp_x.length-1 ],
slide: function( event, ui ) {
jQuery( "#slider-text_25" ).text( "범위 : " + tmp_x[ui.values[ 0 ]] + " - " + tmp_x[ui.values[ 1 ]] );
var tmp_data = JSON.parse(JSON.stringify(data_25)); //object 참조 복사 회피
tmp_data.data.data = tmp_data.data.data.splice(ui.values[ 0 ],ui.values[ 1 ]+1-ui.values[0]);
chart_25.inquery( tmp_data,style_25, series_25);
}
});
jQuery("#slider-text_25").text( "범위 : "+tmp_x[0] + " - " + tmp_x[tmp_x.length-1]);
}
}
}
})
