// define
var chart = new Array(53);
	
$(document).ready(function(){ // html 문서가 준비되었을 때 실행
    
    // chart-01
    if ( $('#chart-01').length > 0 ){ // 페이지에 #chart-01 이 있을 때 실행
        var chart01Data = [[0,0.32], [10,0.32], [20,0.32], [31,0.32], [42,0.32], [52,0.32], [62,0.32], [72,0.32], [82,0.32], [90,0.32]];
        
        chart[1] = Highcharts.chart('chart-01', {
            chart: {
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 358,
            },
            title: {
                text: 'Game Outcome Prediction',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:10
            },
            xAxis: {
//             	categories: [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100],
//                 type: 'datetime',
                gridLineColor: 'rgba(255,255,255,0.1)',
//                 tickInterval:60 * 60 * 100 // 5분단위
            },
            yAxis: {
                title:'',
                gridLineColor: 'rgba(255,255,255,0.1)'
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    // enableMouseTracking: false
                    fillColor: 'transparent'
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<span style="color:{point.color}">●</span>{point.series.name}:<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                }
            },
            series: [{
                name: 'Blue',
                data: chart01Data
            }],
            colors: ['#3967FF']
        });
    }
    

    // chart-02
    if ( $('#chart-02').length > 0 ){
        var chart02DataBlue = [[0,0.32], [10,0.32], [20,0.32], [31,0.32], [42,0.32], [52,0.32], [62,0.32], [72,0.32], [82,0.32], [90,0.32]];
        var chart02DataPurple = [[0,0.32], [10,0.32], [20,0.32], [31,0.32], [42,0.32], [52,0.32], [62,0.32], [72,0.32], [82,0.32], [90,0.32]];
        
        chart[2] = Highcharts.chart('chart-02', {
            chart: {
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 316,
            },
            title: {
                text: 'Gold Difference',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:18
            },
            xAxis: {
//                 type: 'datetime',
                gridLineColor: 'rgba(255,255,255,0.1)',
//                 tickInterval:60 * 60 * 100 // 5분단위
            },
            yAxis: {
                title:'',
                gridLineColor: 'rgba(255,255,255,0.1)'
            },
            plotOptions: {
                area: {
                    marker: {
                        radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<span style="color:{point.color}">●</span>{point.series.name}:<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                }
            },
            series: [{
                name: 'Blue',
                data: chart02DataBlue,
                color:'#3967FF',
                lineColor:'#3967FF',
                fillColor: {
                        linearGradient: {
                        x1: 0,
                        y1: 0,
                        x2: 0,
                        y2: 1
                        },
                        stops: [
                        [0, '#3967FF'],
                        [1, 'rgba(57,103,255,0.2)']
                        ]
                    },
                fillOpacity: 0.5,
            },{
                name: 'Puple',
                data: chart02DataPurple,
                color:'#C2298C',
                lineColor:'#C2298C',
                fillColor: {
                        linearGradient: {
                        x1: 0,
                        y1: 0,
                        x2: 0,
                        y2: 1
                        },
                        stops: [
                        [0, 'rgba(229,47,166,0.2)'],
                        [1, '#C2298C']
                        ]
                    },
                fillOpacity: 0.5,
            }],
            colors: ['#3967FF']
        });
    }

    // #chart-03
    if ( $('#chart-03').length > 0 ){
        chart[3] = Highcharts.chart('chart-03', {
            chart: {
                type: 'bar',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 316,
            },
            title: {
                text: 'Champion Level',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:18
            },
            xAxis: {
                categories: ['Top', 'Jungle', 'Middle', 'Bottom', 'Support'],
                title: {
                    text: null
                }
            },
            yAxis: {
                title:'',
                gridLineColor: 'transparent'
            },
            plotOptions: {
                area: {
                    marker: {
                        radius: 1
                    },
                    lineWidth: 2,
                },
                series:{
                    pointWidth:6
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<span style="color:{point.color}">●</span>{point.series.name}:<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                }
            },
            series: [{
                name: 'Blue',
                data: [631, 727, 3202, 721, 26],
                color:'#3967FF',
                borderColor:''
            }, {
                name: 'Purple',
                data: [814, 841, 3714, 726, 31],
                color:'#C2298C',
                borderColor:''
            },],
        });
    }

    // #chart-04
    if ( $('#chart-04').length > 0 ){
        chart[4] = Highcharts.chart('chart-04', {
            chart: {
                type: 'pie',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 316,
                margin: [50,0,40,0]
            },
            title: {
                text: 'Feature Importances',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:18
            },
            xAxis:{
                labels:{
                    useHTML:true,
                    formatter:function(){
                        return '';
                    }
                }
            },
            plotOptions: {
                pie: {
                    innerSize: '90%',
                    colors: ['#F2C94C','#C2298C','#3967FF'],
                    borderWidth:0
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<span style="color:{point.color}">●</span>{point.series.name}:<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                layout:'vertical',
                align: 'center',
                verticalAlign: 'middle',
                floating:true,
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                },
                itemMarginTop:4,
                itemMarginBottom:4
            },
            series: [{
                name: '',
                data: [
                    ['Gold', 50],
                    ['Level', 25],
                    ['CS', 25],
                    ],
                    dataLabels: {
                        enabled: false,
                    },
                    showInLegend: true
            }],
        });
    }

    // #chart-05
    if ( $('#chart-05').length > 0 ){
        chart[5] = Highcharts.chart('chart-05', {
            chart: {
                type: 'column',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 316,
            },
            title: {
                text: 'Champion CS',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:18
            },
            xAxis: {
                categories: ['Top', 'Jungle', 'Middle', 'Bottom', 'Support'],
                title: {
                    text: null
                }
            },
            yAxis: {
                title:'',
                gridLineColor: 'transparent'
            },
            plotOptions: {
                area: {
                    marker: {
                        radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<span style="color:{point.color}">●</span>{point.series.name}:<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                }
            },
            series: [{
                name: 'Blue',
                data: [631, 727, 3202, 721, 26],
                color:'#3967FF',
                borderColor:''
            }, {
                name: 'Puple',
                data: [814, 841, 3714, 726, 31],
                color:'#C2298C',
                borderColor:''
            },],
        });
    }

    // #chart-07
    if ( $('#chart-07').length > 0 ){
        chart[7] = Highcharts.chart('chart-07', {
            chart: {
                type: 'pie',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 316,
                margin: [50,0,40,0]
            },
            title: {
                text: 'Total Champion Kill',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:18
            },
            xAxis:{
                labels:{
                    useHTML:true,
                    formatter:function(){
                        return '';
                    }
                }
            },
            plotOptions: {
                pie: {
                    innerSize: '90%',
                    colors: ['#3967FF','#C2298C'],
                    borderWidth:0
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<span style="color:{point.color}">●</span>{point.series.name}:<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                layout:'vertical',
                align: 'center',
                verticalAlign: 'middle',
                floating:true,
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                },
                itemMarginTop:4,
                itemMarginBottom:4
            },
            series: [{
                name: '',
                data: [
                    ['Blue', 50],
                    ['Purple', 25],
                    ],
                    dataLabels: {
                        enabled: false,
                    },
                    showInLegend: true
            }],
        });
    }

    // #chart-08
    if ( $('#chart-08').length > 0 ){
        chart[8] = Highcharts.chart('chart-08', {
            chart: {
                type: 'pie',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 316,
                margin: [50,0,40,0]
            },
            title: {
                text: 'Total Tower Kill',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:18
            },
            xAxis:{
                labels:{
                    useHTML:true,
                    formatter:function(){
                        return '';
                    }
                }
            },
            plotOptions: {
                pie: {
                    innerSize: '90%',
                    colors: ['#3967FF','#C2298C'],
                    borderWidth:0
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<span style="color:{point.color}">●</span>{point.series.name}:<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                layout:'vertical',
                align: 'center',
                verticalAlign: 'middle',
                floating:true,
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                },
                itemMarginTop:4,
                itemMarginBottom:4
            },
            series: [{
                name: '',
                data: [
                    ['Blue', 50],
                    ['Purple', 25],
                    ],
                    dataLabels: {
                        enabled: false,
                    },
                    showInLegend: true
            }],
        });
    }

        
    // chart-09
    if ( $('#chart-09').length > 0 ){
        chart[9] = Highcharts.chart('chart-09', {
            chart: {
                type: 'column',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 356,
            },
            title: {
                text: '참여자별 발화 발생 분포',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
            },
            xAxis: {
                categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'],
                title: {
                    text: null
                }
            },
            plotOptions: {
                area: {
                    marker: {
                        radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<strong>{point.y}</strong>',
                footerFormat: '',
                style: {
                    borderColor:'#111 !important',
                    backgroundColor:'#222'
                }
            },
            legend: {
                enabled: false
            },
            series: [{
                name: '발생 분포',
                data: [100, 80, 80, 60, 50, 40, 30, 20, 10, 10, 10],
                color:'#3967FF',
                borderColor:'',
                pointWidth:16
            },],
        });
    }

    // chart-11
    if ( $('#chart-11').length > 0 ){
        chart[11] = Highcharts.chart('chart-11', {
            chart: {
                type: 'bar',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 316,
            },
            title: {
                text: '감정표현(or 승부투표)',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:18
            },
            xAxis: {
                labels: {
                    enabled: false
                }
            },
            yAxis: {
                title:'',
                gridLineColor: 'rgba(255,255,255,0.1)'
            },
            plotOptions: {
                area: {
                    marker: {
                        radius: 1
                    },
                    lineWidth: 2,
                },
                series:{
                    pointWidth:16
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                }
            },
            series: [{
                name: 'Blue',
                data: [11110],
                color:'#3967FF',
                borderColor:''
            }, {
                name: 'Puple',
                data: [26050],
                color:'#C2298C',
                borderColor:''
            }, {
                name: 'Yellow',
                data: [10500],
                color:'#F2C94C',
                borderColor:''
            },],
        });
    }

    // chart-12
    if ( $('#chart-12').length > 0 ){
        chart[12] = Highcharts.chart('chart-12', {
            chart: {
                type: 'pie',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 270,
            },
            title: {
                text: '긍정<br><strong style="font-size:24px;font-weight:bold;">75%</strong>', // 퍼센트 텍스트 이곳에
                align:'center',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:110
            },
            plotOptions: {
                pie: {
                    innerSize: '90%',
                    colors: ['#3967FF','#282831'],
                    borderWidth:0
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: '',
                data: [
                    ['Gold', 75],
                    ['Null', 25],
                    ],
                    dataLabels: {
                        enabled: false,
                    },
                    showInLegend: true
            }],
        });
    }

    // chart-13
    if ( $('#chart-13').length > 0 ){
        chart[13] = Highcharts.chart('chart-13', {
            chart: {
                type: 'pie',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 270,
            },
            title: {
                text: '부정<br><strong style="font-size:24px;font-weight:bold;">33%</strong>', // 퍼센트 이곳에
                align:'center',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:110
            },
            plotOptions: {
                pie: {
                    innerSize: '90%',
                    colors: ['#E52FA6','#282831'],
                    borderWidth:0
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: '',
                data: [
                    ['Gold', 33],
                    ['Null', 67],
                    ],
                    dataLabels: {
                        enabled: false,
                    },
                    showInLegend: true
            }],
        });
    }

    // chart-14
    if ( $('#chart-14').length > 0 ){
        chart[14] = Highcharts.chart('chart-14', {
            chart: {
                type: 'pie',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 270,
            },
            title: {
                text: '중간<br><strong style="font-size:24px;font-weight:bold;">40%</strong>', // 퍼센트 텍스트 이곳에
                align:'center',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:110
            },
            plotOptions: {
                pie: {
                    innerSize: '90%',
                    colors: ['#666666','#282831'],
                    borderWidth:0
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: '',
                data: [
                    ['중간', 40],
                    ['Null', 60],
                    ],
                    dataLabels: {
                        enabled: false,
                    },
                    showInLegend: true
            }],
        });
    }

    // chart-15
    if ( $('#chart-15').length > 0 ){
        chart[15] = Highcharts.chart('chart-15', {
            chart: {
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 287,
                margin: [60,0,20,0], // 220929 수정 - 15번 차트
                spacingTop: 40
            },
            title: {
                text: ''
            },
            xAxis: {
                categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'],
                plotBands: [{ // 경기 전,중,후 구분
                    color: 'transparent',
                    from: -1,
                    to: 1.5,
                    label: {
                        text: '경기 전',
                        style: {
                            color: '#ffffff20',
                            fontSize: '20px'
                        },
                        y: 28
                    }
                },{
                    color: 'transparent',
                    from: 1.5,
                    to: 4.5,
                    label: {
                        text: '경기 중',
                        style: {
                            color: '#ffffff20',
                            fontSize: '20px'
                        },
                        y: 28
                    }
                },{
                    color: 'transparent',
                    from: 4.5,
                    to: 8,
                    label: {
                        text: '경기 후',
                        style: {
                            color: '#ffffff20',
                            fontSize: '20px'
                        },
                        y: 28
                    }
                }],
                plotLines: [{
                    color: 'black',
                    dashStyle: 'line',
                    width: 2,
                    value: 1.2,
                    color: '#612CD1',
                    label: {
                        useHTML: true,
                        text: '현재',
                        rotation: 0,
                        y: 15,
                        x: 1,
                        style: {
                            color: '#fff',
                            backgroundColor: '#612CD1',
                            display:'inline-block',
                            padding:'4px'
                        },
                    },
                }],
            },
            yAxis: {
                title: '',
                labels: {
                    enabled: false
                },
                gridLineColor: 'rgba(255,255,255,0.1)'
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                },
                floating:true,
                y: -43, // 220929 수정 - 15번 차트
                x: -220 // 220929 추가 - 15번 차트
            },
            series: [{
                name: '발화수',
                data: [100, 80, 80, 60, 50, 40, 30],
                color:'#3967FF',
                borderColor:'',
            },{
                name: '참여자수',
                data: [50, 20, 55, 70, 50, 40, 50],
                color:'#E52FA6',
                borderColor:'',
            },],
        });
    }

    // chart-16
    if ( $('#chart-16').length > 0 ){
        chart[16] = Highcharts.chart('chart-16', {
            chart: {
                width: 450,
                height: 320,
                margin: [20,50,30,50],
                backgroundColor: 'transparent',
            },
            title: {
                text: ''
            },
            xAxis: {
                categories: [
                    '발화 수',
                    '참여자 수',
                    '문장길이'
                ],
                gridLineColor: 'transparent'
            },
            yAxis: {
                title: '',
                labels: {
                    enabled: false
                },
                gridLineColor: 'transparent',
            },
            legend: {
                enabled: false
            },
            tooltip: {
                shared: true
            },
            plotOptions: {
                column: {
                    shadow: false,
                    borderWidth: 0,
                },
                errorbar: {
                    shadow: false,
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true,
                        useHTML: true,
                        format: '{point.y}',
                        color:'#E52FA6',
                        fontSize: '14px',
                        stroke: 'transparent'
                    }
                }
            },
            series: [{
                type: 'column',
                name: '현경기 평균',
                color: '#E52FA690',
                data: [150, 73, 20],
                pointPadding: 0.1,
                }, {
                type: 'errorbar',
                name: '현경기 최소-최대',
                color: '#E52FA6',
                data: [
                    [140,160],
                    [60,100],
                    [10,40]
                ],
                pointPadding: 0.1,
                }, {
                type: 'column',
                name: '타경기 평균',
                color: '#3967FF90',
                data: [100, 178.8, 40],
                pointPadding: 0.1,
            }]
        });
    }

    // chart-17
    if ( $('#chart-17').length > 0 ){
        chart[17] = Highcharts.chart('chart-17', {
            chart: {
                width: 450,
                height: 320,
                margin: [20,50,30,50],
                backgroundColor: 'transparent',
            },
            title: {
                text: ''
            },
            xAxis: {
                categories: [
                    '발화 수',
                    '참여자 수',
                    '문장길이'
                ],
                gridLineColor: 'transparent'
            },
            yAxis: {
                title: '',
                labels: {
                    enabled: false
                },
                gridLineColor: 'transparent',
            },
            legend: {
                enabled: false
            },
            tooltip: {
                shared: true
            },
            plotOptions: {
                column: {
                    shadow: false,
                    borderWidth: 0,
                },
                errorbar: {
                    shadow: false,
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true,
                        useHTML: true,
                        format: '{point.y}',
                        color:'#E52FA6',
                        fontSize: '14px',
                        stroke: 'transparent'
                    }
                }
            },
            series: [{
                type: 'column',
                name: '현경기 평균',
                color: '#E52FA690',
                data: [150, 73, 20],
                pointPadding: 0.1,
                }, {
                type: 'errorbar',
                name: '현경기 최소-최대',
                color: '#E52FA6',
                data: [
                    [140,160],
                    [60,100],
                    [10,40]
                ],
                pointPadding: 0.1,
                }, {
                type: 'column',
                name: '타경기 평균',
                color: '#3967FF90',
                data: [100, 178.8, 40],
                pointPadding: 0.1,
            }]
        });
    }

    // chart-18
    if ( $('#chart-18').length > 0 ){
        chart[18] = Highcharts.chart('chart-18', {
            chart: {
                width: 450,
                height: 320,
                margin: [20,50,30,50],
                backgroundColor: 'transparent',
            },
            title: {
                text: ''
            },
            xAxis: {
                categories: [
                    '발화 수',
                    '참여자 수',
                    '문장길이'
                ],
                gridLineColor: 'transparent'
            },
            yAxis: {
                title: '',
                labels: {
                    enabled: false
                },
                gridLineColor: 'transparent',
            },
            legend: {
                enabled: false
            },
            tooltip: {
                shared: true
            },
            plotOptions: {
                column: {
                    shadow: false,
                    borderWidth: 0,
                },
                errorbar: {
                    shadow: false,
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true,
                        useHTML: true,
                        format: '{point.y}',
                        color:'#E52FA6',
                        fontSize: '14px',
                        stroke: 'transparent'
                    }
                }
            },
            series: [{
                type: 'column',
                name: '현경기 평균',
                color: '#E52FA690',
                data: [150, 73, 20],
                pointPadding: 0.1,
                }, {
                type: 'errorbar',
                name: '현경기 최소-최대',
                color: '#E52FA6',
                data: [
                    [140,160],
                    [60,100],
                    [10,40]
                ],
                pointPadding: 0.1,
                }, {
                type: 'column',
                name: '타경기 평균',
                color: '#3967FF90',
                data: [100, 178.8, 40],
                pointPadding: 0.1,
            }]
        });
    }

    // chart-19
    if ( $('#chart-19').length > 0 ){
        chart[19] = Highcharts.chart('chart-19', {
            chart: {
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 316,
                marginLeft: 0,
                marginRight: 0,
                marginBottom: 25,
            },
            title: {
                text: '승부 예측 투표',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:10
            },
            xAxis: {
                categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'],
                plotBands: [{ // 경기 전,중,후 구분
                    color: 'transparent',
                    from: -1,
                    to: 1.5,
                    label: {
                        text: '경기 전',
                        style: {
                            color: '#ffffff20',
                            fontSize: '20px'
                        },
                        y: 28
                    }
                },{
                    color: 'transparent',
                    from: 1.5,
                    to: 4.5,
                    label: {
                        text: '경기 중',
                        style: {
                            color: '#ffffff20',
                            fontSize: '20px'
                        },
                        y: 28
                    }
                },{
                    color: 'transparent',
                    from: 4.5,
                    to: 8,
                    label: {
                        text: '경기 후',
                        style: {
                            color: '#ffffff20',
                            fontSize: '20px'
                        },
                        y: 28
                    }
                }],
                plotLines: [{
                    color: 'black',
                    dashStyle: 'line',
                    width: 2,
                    value: 1.2,
                    color: '#612CD1',
                    label: {
                        useHTML: true,
                        text: '현재',
                        rotation: 0,
                        y: 15,
                        x: 1,
                        style: {
                            color: '#fff',
                            backgroundColor: '#612CD1',
                            display:'inline-block',
                            padding:'4px'
                        },
                    },
                }],
            },
            yAxis: {
                title: '',
                labels: {
                    enabled: false
                },
                gridLineColor: 'transparent'
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    // enableMouseTracking: false
                    fillColor: 'transparent',
                    lineWidth: 1.5,
                }
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                }
            },
            series: [{
                name: '블루팀',
                data: [
                    [0,1],
                    [0.5,5],
                    [1,10],
                    [1.5,50],
                    [2,20],
                    [2.5,10],
                    [3,55],
                    [3.5,54],
                    [4,42],
                    [4.5,30],
                    [5,80],
                    [5.5,10],
                    [6,50],
                ],
                color:'#3967FF',
                borderColor:'',
            },{
                name: '퍼플팀',
                data: [50, 20, 55, 70, 50, 40, 50],
                color:'#E52FA6',
                borderColor:'',
            },{
                name: '투표없음',
                data: [10, 50, 54, 10, 20, 70, 10],
                color:'#F2C94C',
                borderColor:'',
            },],
        });
    }

    // chart-20
    if ( $('#chart-20').length > 0 ){
        chart[20] = Highcharts.chart('chart-20', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 320,
                margin: [15, 0, 15, 0], // 220929 수정 - 20번 차트
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '85%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }, { // 220929 추가 - 20번 차트
                    text: 'KILL',
                    tooltip: "KILL 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<a href="#" class="'+this.value.text+'"><img title="'+this.value.tooltip+'" src="../images/ico_property_'+this.value.text+'.png"></a>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: true,
                headerFormat: '<strong><span style="font-size:14px;">{point.key.text} : {point.y}</span><strong><br><br>{point.key.tooltip}',
                pointFormat: '<br><span style="font-size:14px;color:{point.color};"></span>',
                footerFormat: ''
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'USER',
                data: [76, 32, 37, 26, 16, 55], // 220929 수정 - 20번 차트
                pointPlacement: 'on',
                color: '#ffffff',
                fillColor: 'transparent'
            }]
        });
    }

    // chart-21
    if ( $('#chart-21').length > 0 ){
        chart[21] = Highcharts.chart('chart-21', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 320,
                margin: [15, 0, 0, 0],
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '80%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<img title="'+this.value.tooltip+'" class="'+this.value.text+'" src="../images/ico_property_'+this.value.text+'.png">';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: true,
                headerFormat: '<strong>{point.key.text}</strong><br><br>{point.key.tooltip}<br>',
                pointFormat: '<br><span style="font-size:14px;color:{point.color};">●</span> {point.series.name}:<strong style="font-size:14px">{point.y}</strong>',
                footerFormat: ''
            },
            legend: {
                align: 'left',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                },
                x: -10
            },
            series: [{
                name: 'USER',
                data: [76, 32, 37, 26, 16],
                pointPlacement: 'on',
                color: '#ffffff',
                fillColor: 'transparent',
                zIndex:2
            },{
                name: 'BASE',
                data: [22, 44, 76, 54, 33],
                pointPlacement: 'on',
                color: 'rgba(57,103,255,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-22
    if ( $('#chart-22').length > 0 ){
        chart[22] = Highcharts.chart('chart-22', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 135,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [51, 22, 66, 44, 88],
                pointPlacement: 'on',
                color: 'rgba(57,103,255,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-23
    if ( $('#chart-23').length > 0 ){
        chart[23] = Highcharts.chart('chart-23', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 135,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [22, 44, 76, 54, 33],
                pointPlacement: 'on',
                color: 'rgba(57,103,255,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-24
    if ( $('#chart-24').length > 0 ){
        chart[24] = Highcharts.chart('chart-24', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 135,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [66, 55, 22, 77, 77],
                pointPlacement: 'on',
                color: 'rgba(57,103,255,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-25
    if ( $('#chart-25').length > 0 ){
        chart[25] = Highcharts.chart('chart-25', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 135,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [22, 44, 76, 54, 33],
                pointPlacement: 'on',
                color: 'rgba(57,103,255,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-26
    if ( $('#chart-26').length > 0 ){
        chart[26] = Highcharts.chart('chart-26', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 135,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [32, 14, 36, 94, 53],
                pointPlacement: 'on',
                color: 'rgba(57,103,255,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-27
    if ( $('#chart-27').length > 0 ){
        chart[27] = Highcharts.chart('chart-27', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 135,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [32, 14, 36, 94, 53],
                pointPlacement: 'on',
                color: 'rgba(229,47,166,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-28
    if ( $('#chart-28').length > 0 ){
        chart[28] = Highcharts.chart('chart-28', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 135,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [32, 14, 36, 94, 53],
                pointPlacement: 'on',
                color: 'rgba(97,44,209,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-29
    if ( $('#chart-29').length > 0 ){
        chart[29] = Highcharts.chart('chart-29', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 320,
                margin: [15, 0, 0, 0],
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '85%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<img title="'+this.value.tooltip+'" class="'+this.value.text+'" src="../images/ico_property_'+this.value.text+'.png">';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: true,
                headerFormat: '<strong>{point.key.text}</strong><br><br>{point.key.tooltip}<br>',
                pointFormat: '<br><span style="font-size:14px;color:{point.color};">●</span>{point.series.name}:<strong style="font-size:14px">{point.y}</strong>',
                footerFormat: ''
            },
            legend: {
                align: 'left',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                },
                x: -10
            },
            series: [{
                name: 'USER',
                data: [76, 32, 37, 26, 16],
                pointPlacement: 'on',
                color: '#ffffff',
                fillColor: 'transparent',
                zIndex:2
            },{
                name: 'BASE',
                data: [22, 44, 76, 54, 33],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-30
    if ( $('#chart-30').length > 0 ){
        chart[30] = Highcharts.chart('chart-30', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 135,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [32, 14, 36, 94, 53],
                pointPlacement: 'on',
                color: 'rgba(57,103,255,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-31
    if ( $('#chart-31').length > 0 ){
        chart[31] = Highcharts.chart('chart-31', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 135,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [32, 14, 36, 94, 53],
                pointPlacement: 'on',
                color: 'rgba(229,47,166,0.8)',
                zIndex:1
            }]
        });
    }
    
// chart-32
    if ( $('#chart-32').length > 0 ){
        chart[32] = Highcharts.chart('chart-32', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 170,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '100%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [51, 22, 66, 44, 88],
                pointPlacement: 'on',
                color: 'rgba(57,103,255,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-33
    if ( $('#chart-33').length > 0 ){
        chart[33] = Highcharts.chart('chart-33', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 170,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '100%'
            },
            xAxis: {
                categories: [{
                    text: 'VISION',
                    tooltip: "VISION 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TOWER',
                    tooltip: "TOWER 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'SOLO',
                    tooltip: "SOLO 설명 텍스트가 들어갑니다."
                }, {
                    text: 'GOLD',
                    tooltip: "GOLD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TEAM',
                    tooltip: "TEAM 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1 )',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BASE',
                data: [51, 22, 66, 44, 88],
                pointPlacement: 'on',
                color: 'rgba(242,201,76)',
                zIndex:1
            }]
        });
    }


    // 221021 추가 / 외부 툴팁
	$(document).on("mouseover",'.chart-avility .highcharts-xaxis-labels a',function(e){
		var targetClass = $(this).attr('class');
		$(this).parents('.highcharts-figure').find('.out-tooltip-wrap').find('.'+targetClass).show();
	});
	$(document).on("mouseleave",'.chart-avility .highcharts-xaxis-labels a',function(e){
		$('.out-tooltip-wrap p').hide();
	});
	
	// chart-34
    if ( $('#chart-34').length > 0 ){ // 페이지에 #chart-34 이 있을 때 실행
        function getPointCategoryName(point, dimension) {
            var series = point.series,
                isY = dimension === 'y',
                axis = series[isY ? 'yAxis' : 'xAxis'];
            return axis.categories[point[isY ? 'y' : 'x']];
        }
        chart[34] = Highcharts.chart('chart-34', {
            chart: {
                type: 'heatmap',
                marginTop: 80,
                marginBottom: 80,
                plotBorderWidth: 1,
                backgroundColor:'transparent',
            },
            title: {
                text: 'Outcome Prediction : <br>Association Analysis',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:18
            },
            xAxis: {
                categories: ['0', '1', '2', '3', '4',],
                gridLineColor: 'transparent',
            },
            yAxis: {
                categories: ['0', '1', '2', '3', '4'],
                gridLineColor: 'transparent',
                title: null,
                reversed: true
            },
            accessibility: {
                point: {
                    descriptionFormatter: function (point) {
                        var ix = point.index + 1,
                            xName = getPointCategoryName(point, 'x'),
                            yName = getPointCategoryName(point, 'y'),
                            val = point.value;
                        return ix + '. ' + xName + ' sales ' + yName + ', ' + val + '.';
                    }
                }
            },
            colorAxis: {
                stops: [
                    [0, '#ffffff'],
                    [0.25, '#FDA501'],
                    [0.5, '#C70000'],
                    [0.75, '#760000'],
                    [1, '#060000']
                ],
            },
            legend: {
                enabled: false,
            },
            tooltip: {
                formatter: function () {
                    return '<b>' + getPointCategoryName(this.point, 'x') + '</b> sold <br><b>' +
                        this.point.value + '</b> items on <br><b>' + getPointCategoryName(this.point, 'y') + '</b>';
                }
            },
            series: [{
                name: 'Sales per employee',
                borderWidth: 1,
                data: [
                    [0, 0, 0], [0, 1, 1], [0, 2, 3], [0, 3, 2], [0, 4, 2], 
                    [1, 0, 1], [1, 1, 0], [1, 2, 4], [1, 3, 3], [1, 4, 4], 
                    [2, 0, 3], [2, 1, 4], [2, 2, 0], [2, 3, 2], [2, 4, 3], 
                    [3, 0, 2], [3, 1, 3], [3, 2, 2], [3, 3, 0], [3, 4, 2], 
                    [4, 0, 2], [4, 1, 4], [4, 2, 3], [4, 3, 2], [4, 4, 0],
                ],
                dataLabels: {
                    enabled: false,
                }
            }],
            responsive: {
                rules: [{
                    condition: {
                        maxWidth: 500
                    },
                    chartOptions: {
                        yAxis: {
                            labels: {
                                formatter: function () {
                                    return this.value.charAt(0);
                                }
                            }
                        }
                    }
                }]
            }
        });
    }

    // #chart-35
    if ( $('#chart-35').length > 0 ){
        chart[35] = Highcharts.chart('chart-35', {
            chart: {
                type: 'pie',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 316,
                margin: [50,0,40,0]
            },
            title: {
                text: 'Pog Prediction <br>Feature Importance',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:18
            },
            xAxis:{
                labels:{
                    useHTML:true,
                    formatter:function(){
                        return '';
                    }
                }
            },
            plotOptions: {
                pie: {
                    innerSize: '90%',
                    colors: ['#34D191','#F04C40','#5E54D0'],
                    borderWidth:0
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<span style="color:{point.color}">●</span>{point.series.name}:<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                layout:'vertical',
                align: 'center',
                verticalAlign: 'middle',
                floating:true,
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                },
                itemMarginTop:4,
                itemMarginBottom:4
            },
            series: [{
                name: '',
                data: [
                    ['Feature_A', 50],
                    ['Feature_B', 25],
                    ['Feature_C', 25],
                    ],
                    dataLabels: {
                        enabled: false,
                    },
                    showInLegend: true
            }],
        });
    }

    // chart-36
    if ( $('#chart-36').length > 0 ){
        chart[36] = Highcharts.chart('chart-36', {
            chart: {
                zoomType: 'xy',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 128,
                margin: [0,0,0,0]
            },
            title: {
                text: '',
            },
            xAxis: [{
                labels:{
                    enabled:false,
                }
            }],
            yAxis: [{ 
                gridLineWidth: 0,
                title: {
                    enabled:false,
                    text: '',
                },
                labels: {
                    enabled:false,
                }
        
            }, {
                gridLineWidth: 0,
                title: {
                    text: '',
                },
                labels: {
                    enabled:false,
                },
            }],
            legend: {
                enabled:false,
            },
            plotOptions: {
                spline: {
                    marker: {
                        radius: 1
                    },
                    lineWidth: 1,
                }
            },
            series: [{
                name: '',
                type: 'column',
                yAxis: 0,
                data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,],
                color:'#353546',
                borderColor:'transparent',
            }, 
//             {
//                 name: '',
//                 type: 'spline',
//                 yAxis: 1,
//                 data: [
//                     [0.5, 100],
//                     [1.5, 100],
//                     [1.5, 0],
//                     [0.5, 0],
//                     [0.5, 100],
//                 ],
//                 color:'#777777',
//                 marker: {
//                     enabled: false
//                 },
//                 tooltip: {
//                     enabled:false
//                 }
//         
//             }, {
//                 name: '',
//                 type: 'spline',
//                 yAxis: 1,
//                 data: [
//                     [4.5, 100],
//                     [15.5, 100],
//                     [15.5, 0.5],
//                     [4.5, 0.5],
//                     [4.5, 100],
//                 ],
//                 color:'#777777',
//                 marker: {
//                     enabled: false
//                 },
//                 tooltip: {
//                     enabled:false
//                 }
//             }
            ],
        });
        
    }

    // chart-37
    if ( $('#chart-37').length > 0 ){
        chart[37] = Highcharts.chart('chart-37', {
            chart: {
                type: 'heatmap',
                plotBorderWidth: 1,
                backgroundColor:'transparent',
                height: 128,
                margin: 0,
            },
            title: {
                text: '',
            },
            plotOptions: {
            	turboThreshold: 10000
	    },
            xAxis: {
                categories: ['0', '1', '2', '3', '4',],
                gridLineColor: 'transparent',
            },
            yAxis: [{
                categories: ['0', '1', '2', '3', '4'],
                gridLineColor: 'transparent',
                title: null,
                reversed: true
            },
            { 
                gridLineWidth: 0,
                title: {
                    enabled:false,
                    text: '',
                },
                labels: {
                    enabled:false,
                }
        
            }, {
                gridLineWidth: 0,
                title: {
                    text: '',
                },
                labels: {
                    enabled:false,
                },
            }],
            legend: {
                enabled: false,
            },
            colorAxis: {
                stops: [
                    [0, '#000000'],
                    [0.3, '#1630F5'],
                    [0.5, '#fffbbc'],
                    [0.8, '#c4463a'],
                    [1, '#FF4E00'],
                ],
                min: -5
            },
            series: [{
                name: '',
                borderWidth: 0.1,
                borderColor: '#111111',
                yAxis: 0,
                data: [
                    [0, 0, 0.8], [0, 1, 1], [0, 2, 1], [0, 3, 1], [0, 4, 2], [0, 5, 2], [0, 6, 3], [0, 7, 0], [0, 8, 0], [0, 9, 0.5], 
                    [1, 0, 0.8], [1, 1, 0], [1, 2, 2], [1, 3, 3], [1, 4, 4], [1, 5, 3], [1, 6, 2], [1, 7, 1], [1, 8, 0], [1, 9, 0.5], 
                    [2, 0, 0.8], [2, 1, 0.8], [2, 2, 0], [2, 3, 2], [2, 4, 3], [2, 5, 2], [2, 6, 5], [2, 7, 0], [2, 8, 0], [2, 9, 0.5], 
                    [3, 0, 0.8], [3, 1, 0.8], [3, 2, 2], [3, 3, 0], [3, 4, 2], [3, 5, 0], [3, 6, 4], [3, 7, 0], [3, 8, 0], [3, 9, 0.5], 
                    [4, 0, 0.8], [4, 1, 0.8], [4, 2, 1], [4, 3, 2], [4, 4, 0], [4, 5, 5], [4, 6, 5], [4, 7, 1], [4, 8, 1], [4, 9, 0.5], 
                    [5, 0, 0.8], [5, 1, 1], [5, 2, 3], [5, 3, 2], [5, 4, 2], [5, 5, 1], [5, 6, 0], [5, 7, 0], [5, 8, 0], [5, 9, 0.5], 
                    [6, 0, 0.8], [6, 1, 0], [6, 2, 4], [6, 3, 3], [6, 4, 4], [6, 5, 0], [6, 6, 0], [6, 7, 1], [6, 8, 0], [6, 9, 0.5], 
                    [7, 0, 0.8], [7, 1, 0.8], [7, 2, 0], [7, 3, 2], [7, 4, 3], [7, 5, 4], [7, 6, 0], [7, 7, 0], [7, 8, 0], [7, 9, 0.5], 
                    [8, 0, 0.8], [8, 1, 0.8], [8, 2, 2], [8, 3, 0], [8, 4, 2], [8, 5, 3], [8, 6, 0], [8, 7, 1], [8, 8, 0], [8, 9, 0.5], 
                    [9, 0, 0.8], [9, 1, 0.8], [9, 2, 3], [9, 3, 2], [9, 4, 0], [9, 5, 2], [9, 6, 0], [9, 7, 1], [9, 8, 0], [9, 9, 0.5], 
                    [10, 0, 0.3], [10, 1, 1], [10, 2, 3], [10, 3, 2], [10, 4, 1], [10, 5, 0], [10, 6, 1], [10, 7, 0], [10, 8, 0.5], [10, 9, 0], 
                    [11, 0, 0.8], [11, 1, 0], [11, 2, 4], [11, 3, 3], [11, 4, 4], [11, 5, 0], [11, 6, 2], [11, 7, 1], [11, 8, 0], [11, 9, 0], 
                    [12, 0, 0.8], [12, 1, 0.8], [12, 2, 0], [12, 3, 2], [12, 4, 3], [12, 5, 2], [12, 6, 5], [12, 7, 0], [12, 8, 1], [12, 9, 0.5], 
                    [13, 0, 0.8], [13, 1, 0.8], [13, 2, 2], [13, 3, 0], [13, 4, 2], [13, 5, 0], [13, 6, 4], [13, 7, 0], [13, 8, 1], [13, 9, 0.5], 
                    [14, 0, 0.8], [14, 1, 0.8], [14, 2, 3], [14, 3, 2], [14, 4, 0], [14, 5, 5], [14, 6, 5], [14, 7, 1], [14, 8, 0], [14, 9, 1], 
                    [15, 0, 0.3], [15, 1, 1], [15, 2, 3], [15, 3, 2], [15, 4, 2], [15, 5, 1], [15, 6, 0], [15, 7, 1], [15, 8, 0], [15, 9, 0.5], 
                    [16, 0, 1], [16, 1, 0], [16, 2, 4], [16, 3, 3], [16, 4, 4], [16, 5, 0], [16, 6, 0], [16, 7, 0], [16, 8, 0], [16, 9, 0.5], 
                    [17, 0, 0.8], [17, 1, 0.8], [17, 2, 0], [17, 3, 2], [17, 4, 3], [17, 5, 4], [17, 6, 0], [17, 7, 1], [17, 8, 0], [17, 9, 0.5], 
                    [18, 0, 0.8], [18, 1, 0.8], [18, 2, 2], [18, 3, 0], [18, 4, 2], [18, 5, 3], [18, 6, 0], [18, 7, 0], [18, 8, 1], [18, 9, 0.5], 
                    [19, 0, 0.8], [19, 1, 0.8], [19, 2, 3], [19, 3, 2], [19, 4, 0], [19, 5, 2], [19, 6, 0], [19, 7, 0], [19, 8, 0], [19, 9, 0.5], 
                    [20, 0, 0.3], [20, 1, 1], [20, 2, 3], [20, 3, 2], [20, 4, 1], [20, 5, 0], [20, 6, 1], [20, 7, 1], [20, 8, 0], [20, 9, 0], 
                    [21, 0, 0.8], [21, 1, 0], [21, 2, 4], [21, 3, 3], [21, 4, 4], [21, 5, 0], [21, 6, 2], [21, 7, 1], [21, 8, 0], [21, 9, 0], 
                    [22, 0, 0.8], [22, 1, 0.8], [22, 2, 0], [22, 3, 2], [22, 4, 3], [22, 5, 2], [22, 6, 5], [22, 7, 1], [22, 8, 0], [22, 9, 0.5], 
                    [23, 0, 0.8], [23, 1, 0.8], [23, 2, 2], [23, 3, 0], [23, 4, 2], [23, 5, 0], [23, 6, 4], [23, 7, 0], [23, 8, 0], [23, 9, 0.5], 
                    [24, 0, 0.8], [24, 1, 0.8], [24, 2, 3], [24, 3, 2], [24, 4, 0], [24, 5, 5], [24, 6, 5], [24, 7, 1], [24, 8, 0], [24, 9, 1], 
                    [25, 0, 0.5], [25, 1, 1], [25, 2, 3], [25, 3, 2], [25, 4, 2], [25, 5, 1], [25, 6, 0], [25, 7, 0], [25, 8, 0], [25, 9, 0.5], 
                    [26, 0, 1], [26, 1, 0], [26, 2, 4], [26, 3, 3], [26, 4, 4], [26, 5, 0], [26, 6, 0], [26, 7, 0], [26, 8, 0], [26, 9, 0.5], 
                    [27, 0, 0.8], [27, 1, 0.8], [27, 2, 0], [27, 3, 2], [27, 4, 3], [27, 5, 4], [27, 6, 0], [27, 7, 0], [27, 8, 0], [27, 9, 0.5], 
                    [28, 0, 0.8], [28, 1, 0.8], [28, 2, 2], [28, 3, 0], [28, 4, 2], [28, 5, 3], [28, 6, 0], [28, 7, 0], [28, 8, 0], [28, 9, 0.5], 
                    [29, 0, 0.8], [29, 1, 0.8], [29, 2, 3], [29, 3, 2], [29, 4, 0], [29, 5, 2], [29, 6, 0], [29, 7, 1], [29, 8, 0.5], [29, 9, 0.5], 
                    [30, 0, 0.8], [30, 1, 1], [30, 2, 1], [30, 3, 1], [30, 4, 2], [30, 5, 2], [30, 6, 3], [30, 7, 0], [30, 8, 0], [30, 9, 0.5], 
                    [31, 0, 0.8], [31, 1, 0], [31, 2, 2], [31, 3, 3], [31, 4, 4], [31, 5, 3], [31, 6, 2], [31, 7, 1], [31, 8, 0], [31, 9, 0.5], 
                    [32, 0, 0.8], [32, 1, 0.8], [32, 2, 0], [32, 3, 2], [32, 4, 3], [32, 5, 2], [32, 6, 5], [32, 7, 0], [32, 8, 0], [32, 9, 0.5], 
                    [33, 0, 0.8], [33, 1, 0.8], [33, 2, 2], [33, 3, 0], [33, 4, 2], [33, 5, 0], [33, 6, 4], [33, 7, 0], [33, 8, 0], [33, 9, 0.5], 
                    [34, 0, 0.8], [34, 1, 0.8], [34, 2, 1], [34, 3, 2], [34, 4, 0], [34, 5, 5], [34, 6, 5], [34, 7, 1], [34, 8, 1], [34, 9, 0.5], 
                    [35, 0, 0.8], [35, 1, 1], [35, 2, 3], [35, 3, 2], [35, 4, 2], [35, 5, 1], [35, 6, 0], [35, 7, 0], [35, 8, 0], [35, 9, 0.5], 
                    [36, 0, 0.8], [36, 1, 0], [36, 2, 4], [36, 3, 3], [36, 4, 4], [36, 5, 0], [36, 6, 0], [36, 7, 1], [36, 8, 0], [36, 9, 0.5], 
                    [37, 0, 0.8], [37, 1, 0.8], [37, 2, 0], [37, 3, 2], [37, 4, 3], [37, 5, 4], [37, 6, 0], [37, 7, 0], [37, 8, 0], [37, 9, 0.5], 
                    [38, 0, 0.8], [38, 1, 0.8], [38, 2, 2], [38, 3, 0], [38, 4, 2], [38, 5, 3], [38, 6, 0], [38, 7, 1], [38, 8, 0], [38, 9, 0.5], 
                    [39, 0, 0.8], [39, 1, 0.8], [39, 2, 3], [39, 3, 2], [39, 4, 0], [39, 5, 2], [39, 6, 0], [39, 7, 1], [39, 8, 0], [39, 9, 0.5], 
                    [40, 0, 0.8], [40, 1, 1], [40, 2, 1], [40, 3, 1], [40, 4, 2], [40, 5, 2], [40, 6, 3], [40, 7, 0], [40, 8, 0], [40, 9, 0.5], 
                    [41, 0, 0.8], [41, 1, 0], [41, 2, 2], [41, 3, 3], [41, 4, 4], [41, 5, 3], [41, 6, 2], [41, 7, 1], [41, 8, 0], [41, 9, 0.5], 
                    [42, 0, 0.8], [42, 1, 0.8], [42, 2, 0], [42, 3, 2], [42, 4, 3], [42, 5, 2], [42, 6, 5], [42, 7, 0], [42, 8, 0], [42, 9, 0.5], 
                    [43, 0, 0.8], [43, 1, 0.8], [43, 2, 2], [43, 3, 0], [43, 4, 2], [43, 5, 0], [43, 6, 4], [43, 7, 0], [43, 8, 0], [43, 9, 0.5], 
                    [44, 0, 0.8], [44, 1, 0.8], [44, 2, 1], [44, 3, 2], [44, 4, 0], [44, 5, 5], [44, 6, 5], [44, 7, 1], [44, 8, 1], [44, 9, 0.5], 
                    [45, 0, 0.8], [45, 1, 1], [45, 2, 3], [45, 3, 2], [45, 4, 2], [45, 5, 1], [45, 6, 0], [45, 7, 0], [45, 8, 0], [45, 9, 0.5], 
                    [46, 0, 0.8], [46, 1, 0], [46, 2, 4], [46, 3, 3], [46, 4, 4], [46, 5, 0], [46, 6, 0], [46, 7, 1], [46, 8, 0], [46, 9, 0.5], 
                    [47, 0, 0.8], [47, 1, 0.8], [47, 2, 0], [47, 3, 2], [47, 4, 3], [47, 5, 4], [47, 6, 0], [47, 7, 0], [47, 8, 0], [47, 9, 0.5], 
                    [48, 0, 0.8], [48, 1, 0.8], [48, 2, 2], [48, 3, 0], [48, 4, 2], [48, 5, 3], [48, 6, 0], [48, 7, 1], [48, 8, 0], [48, 9, 0.5], 
                    [49, 0, 0.8], [49, 1, 0.8], [49, 2, 3], [49, 3, 2], [49, 4, 0], [49, 5, 2], [49, 6, 0], [49, 7, 1], [49, 8, 0], [49, 9, 0.5], 
                ],
                dataLabels: {
                    enabled: false,
                }
            },
//             {
//                 name: '',
//                 type: 'spline',
//                 yAxis: 0,
//                 data: [
//                     [0.5, 9.5],
//                     [1.5, 9.5],
//                     [1.5, -0.5],
//                     [0.5, -0.5],
//                     [0.5, 9.5],
//                 ],
//                 color:'#ffffff',
//                 marker: {
//                     enabled: false
//                 },
//                 tooltip: {
//                     enabled:false
//                 }
//         
//             }, {
//                 name: '',
//                 type: 'spline',
//                 data: [
//                     [4.5, 9.5],
//                     [5.5, 9.5],
//                     [5.5, -0.5],
//                     [4.5, -0.5],
//                     [4.5, 9.5],
//                 ],
//                 color:'#ffffff',
//                 marker: {
//                     enabled: false
//                 },
//                 tooltip: {
//                     enabled:false
//                 }
//             }
            ],
            responsive: {
                rules: [{
                    condition: {
                        maxWidth: 500
                    },
                    chartOptions: {
                        yAxis: {
                            labels: {
                                formatter: function () {
                                    return this.value.charAt(0);
                                }
                            }
                        }
                    }
                }]
            }
        });
    }

    // chart-38
    if ( $('#chart-38').length > 0 ){
        chart[38] = Highcharts.chart('chart-38', {
            chart: {
                type: 'heatmap',
                plotBorderWidth: 1,
                backgroundColor:'transparent',
                height: 128,
                margin: 0,
            },
            title: {
                text: '',
            },
            xAxis: {
                categories: ['0', '1', '2', '3', '4',],
                gridLineColor: 'transparent',
            },
            yAxis: [{
                categories: ['0', '1', '2', '3', '4'],
                gridLineColor: 'transparent',
                title: null,
                reversed: true
            },
            { 
                gridLineWidth: 0,
                title: {
                    enabled:false,
                    text: '',
                },
                labels: {
                    enabled:false,
                }
        
            }, {
                gridLineWidth: 0,
                title: {
                    text: '',
                },
                labels: {
                    enabled:false,
                },
            }],
            legend: {
                enabled: false,
            },
            colorAxis: {
                stops: [
                    [0.3, '#3A85F7'],
                    [0.8, '#FCEE4F'],
                ],
                min: -5
            },
            series: [{
                name: '',
                borderWidth: 0.1,
                borderColor: '#111111',
                yAxis: 0,
                data: [
                    [0, 0, 0.8], [0, 1, 1], [0, 2, 1], [0, 3, 1], [0, 4, 2], [0, 5, 2], [0, 6, 3], [0, 7, 0], [0, 8, 0], [0, 9, 0.5], 
                    [1, 0, 0.8], [1, 1, 0], [1, 2, 2], [1, 3, 3], [1, 4, 4], [1, 5, 3], [1, 6, 2], [1, 7, 1], [1, 8, 0], [1, 9, 0.5], 
                    [2, 0, 0.8], [2, 1, 0.8], [2, 2, 0], [2, 3, 2], [2, 4, 3], [2, 5, 2], [2, 6, 5], [2, 7, 0], [2, 8, 0], [2, 9, 0.5], 
                    [3, 0, 0.8], [3, 1, 0.8], [3, 2, 2], [3, 3, 0], [3, 4, 2], [3, 5, 0], [3, 6, 4], [3, 7, 0], [3, 8, 0], [3, 9, 0.5], 
                    [4, 0, 0.8], [4, 1, 0.8], [4, 2, 1], [4, 3, 2], [4, 4, 0], [4, 5, 5], [4, 6, 5], [4, 7, 1], [4, 8, 1], [4, 9, 0.5], 
                    [5, 0, 0.8], [5, 1, 1], [5, 2, 3], [5, 3, 2], [5, 4, 2], [5, 5, 1], [5, 6, 0], [5, 7, 0], [5, 8, 0], [5, 9, 0.5], 
                    [6, 0, 0.8], [6, 1, 0], [6, 2, 4], [6, 3, 3], [6, 4, 4], [6, 5, 0], [6, 6, 0], [6, 7, 1], [6, 8, 0], [6, 9, 0.5], 
                    [7, 0, 0.8], [7, 1, 0.8], [7, 2, 0], [7, 3, 2], [7, 4, 3], [7, 5, 4], [7, 6, 0], [7, 7, 0], [7, 8, 0], [7, 9, 0.5], 
                    [8, 0, 0.8], [8, 1, 0.8], [8, 2, 2], [8, 3, 0], [8, 4, 2], [8, 5, 3], [8, 6, 0], [8, 7, 1], [8, 8, 0], [8, 9, 0.5], 
                    [9, 0, 0.8], [9, 1, 0.8], [9, 2, 3], [9, 3, 2], [9, 4, 0], [9, 5, 2], [9, 6, 0], [9, 7, 1], [9, 8, 0], [9, 9, 0.5], 
                    [10, 0, 0.3], [10, 1, 1], [10, 2, 3], [10, 3, 2], [10, 4, 1], [10, 5, 0], [10, 6, 1], [10, 7, 0], [10, 8, 0.5], [10, 9, 0], 
                    [11, 0, 0.8], [11, 1, 0], [11, 2, 4], [11, 3, 3], [11, 4, 4], [11, 5, 0], [11, 6, 2], [11, 7, 1], [11, 8, 0], [11, 9, 0], 
                    [12, 0, 0.8], [12, 1, 0.8], [12, 2, 0], [12, 3, 2], [12, 4, 3], [12, 5, 2], [12, 6, 5], [12, 7, 0], [12, 8, 1], [12, 9, 0.5], 
                    [13, 0, 0.8], [13, 1, 0.8], [13, 2, 2], [13, 3, 0], [13, 4, 2], [13, 5, 0], [13, 6, 4], [13, 7, 0], [13, 8, 1], [13, 9, 0.5], 
                    [14, 0, 0.8], [14, 1, 0.8], [14, 2, 3], [14, 3, 2], [14, 4, 0], [14, 5, 5], [14, 6, 5], [14, 7, 1], [14, 8, 0], [14, 9, 1], 
                    [15, 0, 0.3], [15, 1, 1], [15, 2, 3], [15, 3, 2], [15, 4, 2], [15, 5, 1], [15, 6, 0], [15, 7, 1], [15, 8, 0], [15, 9, 0.5], 
                    [16, 0, 1], [16, 1, 0], [16, 2, 4], [16, 3, 3], [16, 4, 4], [16, 5, 0], [16, 6, 0], [16, 7, 0], [16, 8, 0], [16, 9, 0.5], 
                    [17, 0, 0.8], [17, 1, 0.8], [17, 2, 0], [17, 3, 2], [17, 4, 3], [17, 5, 4], [17, 6, 0], [17, 7, 1], [17, 8, 0], [17, 9, 0.5], 
                    [18, 0, 0.8], [18, 1, 0.8], [18, 2, 2], [18, 3, 0], [18, 4, 2], [18, 5, 3], [18, 6, 0], [18, 7, 0], [18, 8, 1], [18, 9, 0.5], 
                    [19, 0, 0.8], [19, 1, 0.8], [19, 2, 3], [19, 3, 2], [19, 4, 0], [19, 5, 2], [19, 6, 0], [19, 7, 0], [19, 8, 0], [19, 9, 0.5], 
                    [20, 0, 0.3], [20, 1, 1], [20, 2, 3], [20, 3, 2], [20, 4, 1], [20, 5, 0], [20, 6, 1], [20, 7, 1], [20, 8, 0], [20, 9, 0], 
                    [21, 0, 0.8], [21, 1, 0], [21, 2, 4], [21, 3, 3], [21, 4, 4], [21, 5, 0], [21, 6, 2], [21, 7, 1], [21, 8, 0], [21, 9, 0], 
                    [22, 0, 0.8], [22, 1, 0.8], [22, 2, 0], [22, 3, 2], [22, 4, 3], [22, 5, 2], [22, 6, 5], [22, 7, 1], [22, 8, 0], [22, 9, 0.5], 
                    [23, 0, 0.8], [23, 1, 0.8], [23, 2, 2], [23, 3, 0], [23, 4, 2], [23, 5, 0], [23, 6, 4], [23, 7, 0], [23, 8, 0], [23, 9, 0.5], 
                    [24, 0, 0.8], [24, 1, 0.8], [24, 2, 3], [24, 3, 2], [24, 4, 0], [24, 5, 5], [24, 6, 5], [24, 7, 1], [24, 8, 0], [24, 9, 1], 
                    [25, 0, 0.5], [25, 1, 1], [25, 2, 3], [25, 3, 2], [25, 4, 2], [25, 5, 1], [25, 6, 0], [25, 7, 0], [25, 8, 0], [25, 9, 0.5], 
                    [26, 0, 1], [26, 1, 0], [26, 2, 4], [26, 3, 3], [26, 4, 4], [26, 5, 0], [26, 6, 0], [26, 7, 0], [26, 8, 0], [26, 9, 0.5], 
                    [27, 0, 0.8], [27, 1, 0.8], [27, 2, 0], [27, 3, 2], [27, 4, 3], [27, 5, 4], [27, 6, 0], [27, 7, 0], [27, 8, 0], [27, 9, 0.5], 
                    [28, 0, 0.8], [28, 1, 0.8], [28, 2, 2], [28, 3, 0], [28, 4, 2], [28, 5, 3], [28, 6, 0], [28, 7, 0], [28, 8, 0], [28, 9, 0.5], 
                    [29, 0, 0.8], [29, 1, 0.8], [29, 2, 3], [29, 3, 2], [29, 4, 0], [29, 5, 2], [29, 6, 0], [29, 7, 1], [29, 8, 0.5], [29, 9, 0.5], 
                    [30, 0, 0.8], [30, 1, 1], [30, 2, 1], [30, 3, 1], [30, 4, 2], [30, 5, 2], [30, 6, 3], [30, 7, 0], [30, 8, 0], [30, 9, 0.5], 
                    [31, 0, 0.8], [31, 1, 0], [31, 2, 2], [31, 3, 3], [31, 4, 4], [31, 5, 3], [31, 6, 2], [31, 7, 1], [31, 8, 0], [31, 9, 0.5], 
                    [32, 0, 0.8], [32, 1, 0.8], [32, 2, 0], [32, 3, 2], [32, 4, 3], [32, 5, 2], [32, 6, 5], [32, 7, 0], [32, 8, 0], [32, 9, 0.5], 
                    [33, 0, 0.8], [33, 1, 0.8], [33, 2, 2], [33, 3, 0], [33, 4, 2], [33, 5, 0], [33, 6, 4], [33, 7, 0], [33, 8, 0], [33, 9, 0.5], 
                    [34, 0, 0.8], [34, 1, 0.8], [34, 2, 1], [34, 3, 2], [34, 4, 0], [34, 5, 5], [34, 6, 5], [34, 7, 1], [34, 8, 1], [34, 9, 0.5], 
                    [35, 0, 0.8], [35, 1, 1], [35, 2, 3], [35, 3, 2], [35, 4, 2], [35, 5, 1], [35, 6, 0], [35, 7, 0], [35, 8, 0], [35, 9, 0.5], 
                    [36, 0, 0.8], [36, 1, 0], [36, 2, 4], [36, 3, 3], [36, 4, 4], [36, 5, 0], [36, 6, 0], [36, 7, 1], [36, 8, 0], [36, 9, 0.5], 
                    [37, 0, 0.8], [37, 1, 0.8], [37, 2, 0], [37, 3, 2], [37, 4, 3], [37, 5, 4], [37, 6, 0], [37, 7, 0], [37, 8, 0], [37, 9, 0.5], 
                    [38, 0, 0.8], [38, 1, 0.8], [38, 2, 2], [38, 3, 0], [38, 4, 2], [38, 5, 3], [38, 6, 0], [38, 7, 1], [38, 8, 0], [38, 9, 0.5], 
                    [39, 0, 0.8], [39, 1, 0.8], [39, 2, 3], [39, 3, 2], [39, 4, 0], [39, 5, 2], [39, 6, 0], [39, 7, 1], [39, 8, 0], [39, 9, 0.5], 
                    [40, 0, 0.8], [40, 1, 1], [40, 2, 1], [40, 3, 1], [40, 4, 2], [40, 5, 2], [40, 6, 3], [40, 7, 0], [40, 8, 0], [40, 9, 0.5], 
                    [41, 0, 0.8], [41, 1, 0], [41, 2, 2], [41, 3, 3], [41, 4, 4], [41, 5, 3], [41, 6, 2], [41, 7, 1], [41, 8, 0], [41, 9, 0.5], 
                    [42, 0, 0.8], [42, 1, 0.8], [42, 2, 0], [42, 3, 2], [42, 4, 3], [42, 5, 2], [42, 6, 5], [42, 7, 0], [42, 8, 0], [42, 9, 0.5], 
                    [43, 0, 0.8], [43, 1, 0.8], [43, 2, 2], [43, 3, 0], [43, 4, 2], [43, 5, 0], [43, 6, 4], [43, 7, 0], [43, 8, 0], [43, 9, 0.5], 
                    [44, 0, 0.8], [44, 1, 0.8], [44, 2, 1], [44, 3, 2], [44, 4, 0], [44, 5, 5], [44, 6, 5], [44, 7, 1], [44, 8, 1], [44, 9, 0.5], 
                    [45, 0, 0.8], [45, 1, 1], [45, 2, 3], [45, 3, 2], [45, 4, 2], [45, 5, 1], [45, 6, 0], [45, 7, 0], [45, 8, 0], [45, 9, 0.5], 
                    [46, 0, 0.8], [46, 1, 0], [46, 2, 4], [46, 3, 3], [46, 4, 4], [46, 5, 0], [46, 6, 0], [46, 7, 1], [46, 8, 0], [46, 9, 0.5], 
                    [47, 0, 0.8], [47, 1, 0.8], [47, 2, 0], [47, 3, 2], [47, 4, 3], [47, 5, 4], [47, 6, 0], [47, 7, 0], [47, 8, 0], [47, 9, 0.5], 
                    [48, 0, 0.8], [48, 1, 0.8], [48, 2, 2], [48, 3, 0], [48, 4, 2], [48, 5, 3], [48, 6, 0], [48, 7, 1], [48, 8, 0], [48, 9, 0.5], 
                    [49, 0, 0.8], [49, 1, 0.8], [49, 2, 3], [49, 3, 2], [49, 4, 0], [49, 5, 2], [49, 6, 0], [49, 7, 1], [49, 8, 0], [49, 9, 0.5], 
                ],
                dataLabels: {
                    enabled: false,
                }
            },
//             {
//                 name: '',
//                 type: 'spline',
//                 yAxis: 0,
//                 data: [
//                     [0.5, 9.5],
//                     [1.5, 9.5],
//                     [1.5, -0.5],
//                     [0.5, -0.5],
//                     [0.5, 9.5],
//                 ],
//                 color:'#ffffff',
//                 marker: {
//                     enabled: false
//                 },
//                 tooltip: {
//                     enabled:false
//                 }
//         
//             }, {
//                 name: '',
//                 type: 'spline',
//                 data: [
//                     [4.5, 9.5],
//                     [15.5, 9.5],
//                     [15.5, 3.5],
//                     [4.5, 3.5],
//                     [4.5, 9.5],
//                 ],
//                 color:'#ffffff',
//                 marker: {
//                     enabled: false
//                 },
//                 tooltip: {
//                     enabled:false
//                 }
//             }
            ],
            responsive: {
                rules: [{
                    condition: {
                        maxWidth: 500
                    },
                    chartOptions: {
                        yAxis: {
                            labels: {
                                formatter: function () {
                                    return this.value.charAt(0);
                                }
                            }
                        }
                    }
                }]
            }
        });
    }
    
    // chart-39
    if ( $('#chart-39').length > 0 ){
        chart[39] = Highcharts.chart('chart-39', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                width: 104,
                height: 118,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: true,
                headerFormat: '<strong>{point.key.text}</strong><br>',
                pointFormat: '<br><span style="font-size:14px;color:{point.color};">●</span><strong style="font-size:14px">{point.y}</strong>',
                footerFormat: ''
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'TOP(T)',
                data: [37, 37, 33, 24, 29, 28],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-40
    if ( $('#chart-40').length > 0 ){
        chart[40] = Highcharts.chart('chart-40', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                width: 104,
                height: 118,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'JUNGLE(J)',
                data: [37, 37, 33, 24, 29, 28],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-41
    if ( $('#chart-41').length > 0 ){
        chart[41] = Highcharts.chart('chart-41', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                width: 104,
                height: 118,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'MIDDLE(M)',
                data: [37, 37, 33, 24, 29, 28],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-42
    if ( $('#chart-42').length > 0 ){
        chart[42] = Highcharts.chart('chart-42', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                width: 104,
                height: 118,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'BOTTOM(B)',
                data: [37, 37, 33, 24, 29, 28],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-43
    if ( $('#chart-43').length > 0 ){
        chart[43] = Highcharts.chart('chart-43', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                width: 104,
                height: 118,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'SUPPORT(S)',
                data: [37, 37, 33, 24, 29, 28],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-44
    if ( $('#chart-44').length > 0 ){
        chart[44] = Highcharts.chart('chart-44', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 300,
                margin: [50, 0, 0, 0],
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '80%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<img title="'+this.value.tooltip+'" class="'+this.value.text+'" src="../images/ico_property_'+this.value.text+'.png">';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: true,
                headerFormat: '<strong>{point.key.text}</strong><br>',
                pointFormat: '<br><span style="font-size:14px;color:{point.color};">●</span>{point.series.name}:<strong style="font-size:14px">{point.y}</strong>',
                footerFormat: ''
            },
            legend: {
                align: 'left',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                },
                x: -10
            },
            series: [{
                name: 'USER',
                data: [76, 32, 37, 26, 50, 22],
                pointPlacement: 'on',
                color: '#ffffff',
                fillColor: 'transparent',
                zIndex:2
            },{
                name: 'BASE',
                data: [22, 44, 76, 54, 15, 70 ],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-45
    if ( $('#chart-45').length > 0 ){
        chart[45] = Highcharts.chart('chart-45', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                width: 125,
                height: 130,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'TOP(T)',
                data: [37, 37, 33, 24, 29, 28],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-46
    if ( $('#chart-46').length > 0 ){
        chart[46] = Highcharts.chart('chart-46', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                width: 125,
                height: 130,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'TOP(T)',
                data: [37, 37, 33, 24, 29, 28],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-47
    if ( $('#chart-47').length > 0 ){
        chart[47] = Highcharts.chart('chart-47', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                width: 125,
                height: 130,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'TOP(T)',
                data: [37, 37, 33, 24, 29, 28],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }

    // chart-48
    if ( $('#chart-48').length > 0 ){
        chart[48] = Highcharts.chart('chart-48', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                width: 125,
                height: 130,
                margin: 0,
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '95%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<span class="blind">'+this.value.text+'</span>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.1)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                enabled: false
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'TOP(T)',
                data: [37, 37, 33, 24, 29, 28],
                pointPlacement: 'on',
                color: 'rgba(242,201,76,0.8)',
                zIndex:1
            }]
        });
    }


    // chart-49
    if ( $('#chart-49').length > 0 ){
        chart[49] = Highcharts.chart('chart-49', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 320,
                margin: [15, 0, 15, 0], // 220929 수정 - 20번 차트
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '85%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: { // 외부 툴팁
                    useHTML: true,
                    formatter: function() {
                        return '<a href="#" class="'+this.value.text+'"><img title="'+this.value.tooltip+'" src="../images/ico_property_'+this.value.text+'.png"></a>';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: true,
                headerFormat: '<strong>{point.key.text}</strong><br>',
                pointFormat: '<br><span style="font-size:14px;color:{point.color};">●</span>{point.series.name}:<strong style="font-size:14px">{point.y}</strong>',
                footerFormat: ''
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'USER',
                data: [76, 32, 37, 26, 16, 55], // 220929 수정 - 20번 차트
                pointPlacement: 'on',
                color: '#ffffff',
                fillColor: 'transparent'
            }]
        });
    }

    
    // chart-50
    if ( $('#chart-50').length > 0 ){
        chart[50] = Highcharts.chart('chart-50', {
            chart: {
                polar: true,
                type: 'area',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 260,
                margin: [20, 0, 0, 0],
                spacing: 0
            },
            title: {
                text: '',
            },
            pane: {
                size: '80%'
            },
            xAxis: {
                categories: [{
                    text: 'KAP',
                    tooltip: "KAP 설명 텍스트가 들어갑니다. &#10;줄바꿈도 가능합니다."
                }, {
                    text: 'TND',
                    tooltip: "TND 설명 텍스트. &#10; <- 코드는 title 내 줄바꿈 코드입니다."
                }, {
                    text: 'LGD',
                    tooltip: "LGD 설명 텍스트가 들어갑니다."
                }, {
                    text: 'VPM',
                    tooltip: "VPM 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CDC',
                    tooltip: "CDC 설명 텍스트가 들어갑니다."
                }, {
                    text: 'CCA',
                    tooltip: "CCA 설명 텍스트가 들어갑니다."
                }],
                labels: {
                    useHTML: true,
                    formatter: function() {
                        return '<img title="'+this.value.tooltip+'" class="'+this.value.text+'" src="../images/ico_property_'+this.value.text+'.png">';
                    },
                },
                tickmarkPlacement: 'on',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
            },
            yAxis: { // 221021 수정 / 스케일 고정, 컬러
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                gridLineColor: 'rgba(255,255,255,0.05)',
                min: 0,
                max: 100,
                tickInterval: 50,
                labels: {
                    style: {
                        color: '#fff'
                    }
                },
            },
            plotOptions: {
                area: {
                    marker: {
                    radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: true,
                headerFormat: '<strong>{point.key.text}</strong><br>',
                pointFormat: '<br><span style="font-size:14px;color:{point.color};">●</span>{point.series.name}:<strong style="font-size:14px">{point.y}</strong>',
                footerFormat: ''
            },
            legend: {
                enabled: false,
                align: 'left',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                },
                x: -10
            },
            series: [{
                name: 'Blue',
                data: [76, 32, 37, 26, 50, 22],
                pointPlacement: 'on',
                color: '#3967FFcc',
                zIndex:2
            },{
                name: 'Purple',
                data: [22, 44, 76, 54, 15, 70 ],
                pointPlacement: 'on',
                color: '#E52FA6cc',
                zIndex:1
            }]
        });
    }

    // #chart-51
    if ( $('#chart-51').length > 0 ){
        chart[51] = Highcharts.chart('chart-51', {
            chart: {
                type: 'column',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 300,
            },
            title: {
                text: '조합 영향 분석 (Blue)',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:10
            },
            xAxis: {
                categories: ['Top', 'Jungle', 'Middle', 'Bottom', 'Support'],
                title: {
                    text: null
                }
            },
            yAxis: {
                title:'',
                gridLineColor: 'transparent'
            },
            plotOptions: {
                area: {
                    marker: {
                        radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<span style="color:{point.color}">●</span>{point.series.name}:<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                }
            },
            series: [{
                name: 'A',
                data: [631, 727, 800, 721, 26],
                color:'#612CD1',
                borderColor:''
            }, {
                name: 'B',
                data: [814, 841, 600, 726, 31],
                color:'#3967FF',
                borderColor:''
            }, {
                name: 'C',
                data: [500, 400, 850, 1000, 200],
                color:'#E52FA6',
                borderColor:''
            }, {
                name: 'D',
                data: [814, 841, 488, 726, 200],
                color:'#F2C94C',
                borderColor:''
            }, {
                name: 'E',
                data: [814, 841, 688, 726, 500],
                color:'#A0A1A5',
                borderColor:''
            },],
        });
    }

    // #chart-52
    if ( $('#chart-52').length > 0 ){
        chart[52] = Highcharts.chart('chart-52', {
            chart: {
                type: 'column',
                backgroundColor:'transparent',
                style:{
                    color:'rgba(255,255,255,0.5)',
                    fontFamily:'SUIT',
                    fontWeight:'400',
                    fontSize:'14px'
                },
                height: 300,
            },
            title: {
                text: '조합 영향 분석 (Purple)',
                align:'left',
                style:{
                    color:'#fff',
                    fontSize:'16px',
                    fontWeight:'bold'
                },
                floating:true,
                x:0,
                y:10
            },
            xAxis: {
                categories: ['Top', 'Jungle', 'Middle', 'Bottom', 'Support'],
                title: {
                    text: null
                }
            },
            yAxis: {
                title:'',
                gridLineColor: 'transparent'
            },
            plotOptions: {
                area: {
                    marker: {
                        radius: 1
                    },
                    lineWidth: 2,
                }
            },
            tooltip:{
                useHTML: true,
                shared: false,
                headerFormat: '',
                pointFormat: '<span style="color:{point.color}">●</span>{point.series.name}:<strong>{point.y}</strong>',
                footerFormat: '',
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0,
                itemStyle: {
                    color:'#fff',
                    fontWeight:'400',
                },
                itemHoverStyle: {
                    color:'#fff',
                    textDecoration:'underline'
                }
            },
            series: [{
                name: 'A',
                data: [631, 727, 800, 721, 26],
                color:'#612CD1',
                borderColor:''
            }, {
                name: 'B',
                data: [814, 841, 600, 726, 31],
                color:'#3967FF',
                borderColor:''
            }, {
                name: 'C',
                data: [500, 400, 850, 1000, 200],
                color:'#E52FA6',
                borderColor:''
            }, {
                name: 'D',
                data: [814, 841, 488, 726, 200],
                color:'#F2C94C',
                borderColor:''
            }, {
                name: 'E',
                data: [814, 841, 688, 726, 500],
                color:'#A0A1A5',
                borderColor:''
            },],
        });
    }
});