디지털전환 추진 여부
(단위 : %)
var chart_125;
var chart_type_125 = "pie";
jQuery(document).ready(function () {
{"data":{"data":[{"구분":"추진 중","2019년":"13.9"},{"구분":"추진 계획 중","2019년":"2.4"},{"구분":"추진할 계획 및 의지 없음","2019년":"83.7"}],"use":"2019년"},"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_125 = data;
var style_125 = style;
var series_125 = series;
if(color_style_125 == undefined){
var color_style_125 = [];
}
if(slider_125 == undefined ){
var slider_125 =true;
}
if (chart_type_125 == "pie") {
chart_125 = webponent.visual.pie.init(jQuery('#webponent_chart_125'), style_125, data_125);
jQuery("#chart_controller").remove();
} else if (chart_type_125 == "tree") {
chart_125 = webponent.visual.treemap.init(jQuery('#webponent_chart_125'), style_125, data_125);
jQuery("#chart_controller").remove();
} else if (chart_type_125 == "horizon") {
chart_125 = webponent.visual.horizon.init(jQuery('#webponent_chart_125'), style_125, data_125);
jQuery("#chart_controller").remove();
} else if (chart_type_125 == "scatter") {
chart_125 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_125'), style_125, data_125);
jQuery("#chart_controller").remove();
} else {
if(chart_type_125 != "hloc"){
var count =0;
jQuery.each(series_125.main, function (index, value) {
if (index != "type") {
if(chart_type_125 == "line"){
legend_count = count %5;
jQuery("#chart_legends_125").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else if(chart_type_125 =="multi_series"){
if(value.series=="line"){
legend_count = count %5;
jQuery("#chart_legends_125").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
}else{
jQuery("#chart_legends_125").append('
' + value.yaxis + '');
}
}else{
if(color_style_125.length){
jQuery("#chart_legends_125").append('
' + value.yaxis + '');
}else{
jQuery("#chart_legends_125").append('
' + value.yaxis + '');
}
}
}
count++;
});
}
chart_125= webponent.chart.init(jQuery('#webponent_chart_125'), data_125, style_125, series_125);
if(slider_125){
if(chart_type_125=="line"||chart_type_125=="column"){
var tmp_x=[];
jQuery("#slider_div_125").attr("style","");
jQuery.each(data_125.data.data,function (index,value){
tmp_x.push(value[Object.keys(value)[0]]);
});
jQuery("#slider-range_125").slider({
range: true,
min: 0,
max: tmp_x.length-1,
values: [ 0, tmp_x.length-1 ],
slide: function( event, ui ) {
jQuery( "#slider-text_125" ).text( "범위 : " + tmp_x[ui.values[ 0 ]] + " - " + tmp_x[ui.values[ 1 ]] );
var tmp_data = JSON.parse(JSON.stringify(data_125)); //object 참조 복사 회피
tmp_data.data.data = tmp_data.data.data.splice(ui.values[ 0 ],ui.values[ 1 ]+1-ui.values[0]);
chart_125.inquery( tmp_data,style_125, series_125);
}
});
jQuery("#slider-text_125").text( "범위 : "+tmp_x[0] + " - " + tmp_x[tmp_x.length-1]);
}
}
}
})
var table_134= jQuery("#grid_table_134");
var tmp_template_134 = jQuery("#grid_template_134").html();
if(tmp_template_134.split("/*").length>1){
tmp_template_134 =tmp_template_134.substring(13,tmp_template_134.length-7);
}
jQuery("#grid_template_134").html(tmp_template_134);
var template_134 =jQuery("#grid_template_134");
var data_134 =[{"s0":"추진 중","s1":"13.9%"},{"s0":"추진 계획 중","s1":"2.4%"},{"s0":"추진할 계획 및 의지 없음","s1":"83.7%"}];
var grid_134;
jQuery(document).ready(function () {
jQuery.each(data_134 , 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_134 = webponent.grid.init(table_134,template_134, {sortable:grid_sortable});
var collapseKeys_134 = Object.keys(data_134[0]);
grid_134.event.on('dataRendered', function () {
var dataList = grid_134.data;
var renderingStartRowIndex = grid_134.settings.defferedRendering.renderingStartRowIndex;
var renderingEndRowIndex = grid_134.settings.defferedRendering.renderingEndRowIndex;
if (renderingStartRowIndex === null) {
renderingStartRowIndex = 0;
}
if (renderingEndRowIndex === null) {
renderingEndRowIndex = grid_134.data.length;
} else {
renderingEndRowIndex ++;
}
var prevTdMap = {};
var prevDataMap = {};
var prevRowspanMap = {};
for (var i = renderingStartRowIndex; i < renderingEndRowIndex; i ++) {
var data = dataList[i];
_.each(collapseKeys_134 , function (collapseKey) {
var row = jQuery(grid_134.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_134.appendRow(data_134);
grid_134.setGridHeight();
//var header_caption_134 = grid_134.markup.main.header.table.createCaption();
//header_caption_134.innerHTML = "디지털전환 추진 여부";
//header_caption_134.className += " blind";
var header_td_134 = grid_134.markup.main.header.table;
//console.log($(header_td_134).html());
$(header_td_134).find('.CI-GRID-SORTER').attr('title', '이 컬럼을 소트하려면 클릭 또는 엔터키를 눌러 주세요.\(쉬프트키를 누르면서 클릭 또는 엔터키를 눌러 주시면 멀티소팅이 됩니다.\) ');
$('.CI-GRID-FOCUS-ESCAPER').remove();
});