디지털전환 추진 분야
(단위 : %)
var chart_126;
var chart_type_126 = "column";
jQuery(document).ready(function () {
{"data":{"data":[{"구분":"제품\/서비스 혁신 분야","2019년":"5.3"},{"구분":"공정\/프로세스 혁신 분야","2019년":"6.8"},{"구분":"비즈니스모델 혁신 분야","2019년":"8.3"},{"구분":"제품 또는 고객 데이터 플랫폼 혁신 분야","2019년":"11.4"},{"구분":"추진 분야 없음","2019년":"74.8"}],"use":"2019년"},"legend":{"use":"구분"}}
var style = {
"main": {
"graph": {
"color": "#fafafa"
},
"layout": {
"color": layout_color
},
"xAxis":{
"useValue":{"all":true}
},
"yAxis": {
"text": {
"align": "right"
},
"baseAtZero": true
},
"series": {
"s1": {
"area": {
"normal": {
"color": {src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern04.png'},
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s2": {
"area": {
"normal": {
"color": {src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern02.png'},
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s3": {
"area": {
"normal": {
"color": {src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/pattern03.png'},
"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/horizon_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/horizon_pattern2.png'},
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s8": {
"area": {
"normal": {
"color":{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/visual/img/horizon_pattern3.png'},
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
"s9": {
"area": {
"normal": {
"color":{src:'/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/visual/img/horizon_pattern4.png'},
"over": {
"color": {
"src": "/lib/webponent/chart/webPonent-Chart-2.0.6/chart/sample/chart/img/over.png"
}
}
}
}
},
}
}
};
var data_126 = data;
var style_126 = style;
var series_126 = series;
if(color_style_126 == undefined){
var color_style_126 = [];
}
if(slider_126 == undefined ){
var slider_126 =true;
}
if (chart_type_126 == "pie") {
chart_126 = webponent.visual.pie.init(jQuery('#webponent_chart_126'), style_126, data_126);
jQuery("#chart_controller").remove();
} else if (chart_type_126 == "tree") {
chart_126 = webponent.visual.treemap.init(jQuery('#webponent_chart_126'), style_126, data_126);
jQuery("#chart_controller").remove();
} else if (chart_type_126 == "horizon") {
chart_126 = webponent.visual.horizon.init(jQuery('#webponent_chart_126'), style_126, data_126);
jQuery("#chart_controller").remove();
} else if (chart_type_126 == "scatter") {
chart_126 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_126'), style_126, data_126);
jQuery("#chart_controller").remove();
} else {
if(chart_type_126 != "hloc"){
var count =0;
jQuery.each(series_126.main, function (index, value) {
if (index != "type") {
if(chart_type_126 == "line"){
legend_count = count %5;
jQuery("#chart_legends_126").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else if(chart_type_126 =="multi_series"){
if(value.series=="line"){
legend_count = count %5;
jQuery("#chart_legends_126").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else{
jQuery("#chart_legends_126").append('
' + value.yaxis + '');
}
}else{
if(color_style_126.length){
jQuery("#chart_legends_126").append('
' + value.yaxis + '');
}else{
jQuery("#chart_legends_126").append('
' + value.yaxis + '');
}
}
}
count++;
});
}
chart_126= webponent.chart.init(jQuery('#webponent_chart_126'), data_126, style_126, series_126);
if(slider_126){
if(chart_type_126=="line"||chart_type_126=="column"){
var tmp_x=[];
jQuery("#slider_div_126").attr("style","");
jQuery.each(data_126.data.data,function (index,value){
tmp_x.push(value[Object.keys(value)[0]]);
});
jQuery("#slider-range_126").slider({
range: true,
min: 0,
max: tmp_x.length-1,
values: [ 0, tmp_x.length-1 ],
slide: function( event, ui ) {
jQuery( "#slider-text_126" ).text( "범위 : " + tmp_x[ui.values[ 0 ]] + " - " + tmp_x[ui.values[ 1 ]] );
var tmp_data = JSON.parse(JSON.stringify(data_126)); //object 참조 복사 회피
tmp_data.data.data = tmp_data.data.data.splice(ui.values[ 0 ],ui.values[ 1 ]+1-ui.values[0]);
chart_126.inquery( tmp_data,style_126, series_126);
}
});
jQuery("#slider-text_126").text( "범위 : "+tmp_x[0] + " - " + tmp_x[tmp_x.length-1]);
}
}
}
})
var table_135= jQuery("#grid_table_135");
var tmp_template_135 = jQuery("#grid_template_135").html();
if(tmp_template_135.split("/*").length>1){
tmp_template_135 =tmp_template_135.substring(13,tmp_template_135.length-7);
}
jQuery("#grid_template_135").html(tmp_template_135);
var template_135 =jQuery("#grid_template_135");
var data_135 =[{"s0":"제품\/서비스 혁신 분야","s1":"5.3%"},{"s0":"공정\/프로세스 혁신 분야","s1":"6.8%"},{"s0":"비즈니스모델 혁신 분야","s1":"8.3%"},{"s0":"제품 또는 고객 데이터 플랫폼 혁신 분야","s1":"11.4%"},{"s0":"추진 분야 없음","s1":"74.8%"}];
var grid_135;
jQuery(document).ready(function () {
jQuery.each(data_135 , 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_135 = webponent.grid.init(table_135,template_135, {sortable:grid_sortable});
var collapseKeys_135 = Object.keys(data_135[0]);
grid_135.event.on('dataRendered', function () {
var dataList = grid_135.data;
var renderingStartRowIndex = grid_135.settings.defferedRendering.renderingStartRowIndex;
var renderingEndRowIndex = grid_135.settings.defferedRendering.renderingEndRowIndex;
if (renderingStartRowIndex === null) {
renderingStartRowIndex = 0;
}
if (renderingEndRowIndex === null) {
renderingEndRowIndex = grid_135.data.length;
} else {
renderingEndRowIndex ++;
}
var prevTdMap = {};
var prevDataMap = {};
var prevRowspanMap = {};
for (var i = renderingStartRowIndex; i < renderingEndRowIndex; i ++) {
var data = dataList[i];
_.each(collapseKeys_135 , function (collapseKey) {
var row = jQuery(grid_135.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_135.appendRow(data_135);
grid_135.setGridHeight();
//var header_caption_135 = grid_135.markup.main.header.table.createCaption();
//header_caption_135.innerHTML = "디지털전환 추진 분야";
//header_caption_135.className += " blind";
var header_td_135 = grid_135.markup.main.header.table;
//console.log($(header_td_135).html());
$(header_td_135).find('.CI-GRID-SORTER').attr('title', '이 컬럼을 소트하려면 클릭 또는 엔터키를 눌러 주세요.\(쉬프트키를 누르면서 클릭 또는 엔터키를 눌러 주시면 멀티소팅이 됩니다.\) ');
$('.CI-GRID-FOCUS-ESCAPER').remove();
});
