공공부문 SW.ICT 장비 기관별 발주비중(2023년 기준)
               (단위 : %)
                
                 
                    
                
                    var  chart_55;
                    var chart_type_55 = "pie";
                    jQuery(document).ready(function () {
                    {"data":{"data":[{"구분":"국가기관","비중":"38.3"},{"구분":"공공기관","비중":"46.6"},{"구분":"교육기관","비중":"0.9"},{"구분":"지자체","비중":"14.3"}],"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_55 = data;
                    var style_55 = style;
                    var series_55 = series;
                    if(color_style_55 == undefined){
                        var color_style_55 = [];
                    }
                    if(slider_55 == undefined ){
                        var slider_55 =true;
                    }
                        if (chart_type_55 == "pie") {
                            chart_55 = webponent.visual.pie.init(jQuery('#webponent_chart_55'), style_55, data_55);
                            jQuery("#chart_controller").remove();
                        } else if (chart_type_55 == "tree") {
                            chart_55 = webponent.visual.treemap.init(jQuery('#webponent_chart_55'), style_55, data_55);
                            jQuery("#chart_controller").remove();
                        } else if (chart_type_55 == "horizon") {
                            chart_55 = webponent.visual.horizon.init(jQuery('#webponent_chart_55'), style_55, data_55);
                            jQuery("#chart_controller").remove();
                        } else if (chart_type_55 == "scatter") {
                            chart_55 = webponent.visual.scatterPlot.init(jQuery('#webponent_chart_55'), style_55, data_55);
                            jQuery("#chart_controller").remove();
                        } else {
                            if(chart_type_55 != "hloc"){
                                var count =0;
                                jQuery.each(series_55.main, function (index, value) {
                                    if (index != "type") {
                                        if(chart_type_55 == "line"){
                                            legend_count = count %5;
                                            jQuery("#chart_legends_55").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
                                        }else if(chart_type_55 =="multi_series"){
                                            if(value.series=="line"){
                                                legend_count = count %5;
                                                jQuery("#chart_legends_55").append(legend_style[legend_count][0]+legend_color[count] +legend_style[legend_count][1]+ value.yaxis +'');
                                            }else{
                                                jQuery("#chart_legends_55").append('
' + value.yaxis + '');
                                            }
                                        }else{
                                            if(color_style_55.length){
                                                jQuery("#chart_legends_55").append('
' + value.yaxis + '');
                                            }else{
                                                jQuery("#chart_legends_55").append('
' + value.yaxis + '');
                                            }
                                        }
                                    }
                                    count++;
                                });
                            }
                            chart_55= webponent.chart.init(jQuery('#webponent_chart_55'), data_55, style_55, series_55);
                             if(slider_55){
                                 if(chart_type_55=="line"||chart_type_55=="column"){
                                    var tmp_x=[];
                                    jQuery("#slider_div_55").attr("style","");
                                    jQuery.each(data_55.data.data,function (index,value){
                                    tmp_x.push(value[Object.keys(value)[0]]);
                                    });
                                    jQuery("#slider-range_55").slider({
                                        range: true,
                                        min: 0,
                                        max: tmp_x.length-1,
                                        values: [ 0, tmp_x.length-1 ],
                                        slide: function( event, ui ) {
                                            jQuery( "#slider-text_55" ).text( "범위 : " + tmp_x[ui.values[ 0 ]] + " - " + tmp_x[ui.values[ 1 ]] );
                                            var tmp_data = JSON.parse(JSON.stringify(data_55)); //object 참조 복사 회피
                                            tmp_data.data.data = tmp_data.data.data.splice(ui.values[ 0 ],ui.values[ 1 ]+1-ui.values[0]);
                                            chart_55.inquery( tmp_data,style_55, series_55);
                                        }
                                    });
                                    jQuery("#slider-text_55").text( "범위 : "+tmp_x[0] + " - " + tmp_x[tmp_x.length-1]);
                                 }
                             }
                        }
                    })