var html = ``;

            html += `<tr>`;
            tblHead_1.forEach(function(e,i,a){
                html += `<th>${e}</th>`;
            });
            html += `</tr>`;

            $("#q202_tbl > thead").empty().append(html);

            var html2 = ``;

            Q202V.forEach(function(e,i,a){
                html2 += `<tr>`;
                html2 += `<td class="rowlabelQ202">${Q202L[i]}</td>`;
                e.forEach(function(e2,i2,a){
                    html2 += `<td class="rowlabelQ202">${e2}%</td>`;
                });
                html2 += `</tr>`;
            });

            $("#q202_tbl > tbody").empty().append(html2);

            function breakString(str, chunkSize) {
                const chunks = [];
                for (let i = 0; i < str.length; i += chunkSize) {
                    chunks.push(str.substring(i, i + chunkSize));
                }
                return chunks;
            }

            debugger;
            $("#q202_tbl2").find("tr").each(function(i,e){
                debugger;
                $(this).find(".option_text").each(function(i2,e2){
                    debugger;
                    const result = breakString(Q202L[i2],8);
                    $(this).find(".legent").empty().append(result[0])
                })
            });

            $("#q202_tbl3").find("tr").each(function(i,e){
                debugger;
                $(this).find(".option_text").each(function(i2,e2){
                    debugger;
                    const result = breakString(Q202L[i2],8);
                    $(this).find(".legent").empty().append(result[0])
                })
            });











            var piedata = [
                {
                    "name": "Male",
                    "y": 50,
                    color: radialColors[0]
                },
                {
                    "name": "Female",
                    "y": 50,
                    color: radialColors[1]
                },
            ];


            var piedata2 = [
                {
                    "name": "Less than 18 years",
                    "y": 50,
                    color: radialColors[0]
                },
                {
                    "name": "18 – 30 years",
                    "y": 50,
                    color: radialColors[1]
                },
                {
                    "name": "31 – 40 years",
                    "y": 50,
                    color: radialColors[2]
                },
                {
                    "name": "41 – 50 years",
                    "y": 50,
                    color: radialColors[3]
                },
                {
                    "name": "51 – 60 years",
                    "y": 50,
                    color: radialColors[4]
                },
                {
                    "name": "More than 60 years",
                    "y": 50,
                    color: radialColors[5]
                }
            ];

            var bubbledata = [{
                name: 'Male',
                data: [
                    { x: 0, y: 0, z: 70 }, // Airport 1 - Male
                    { x: 1, y: 0, z: 90 },  // Airport 2 - Male
                    { x: 2, y: 0, z: 80 },  // Airport 3 - Male
                    { x: 3, y: 0, z: 50 }, // Airport 4 - Male
                    { x: 4, y: 0, z: 30 }, // Airport 5 - Male
                    { x: 5, y: 0, z: 45 },  // Airport 6 - Male
                    { x: 6, y: 0, z: 85 }   // Airport 7 - Male
                ],
                marker: {
                    fillColor: {
                        radialGradient: { cx: 0.4, cy: 0.3, r: 0.7 },
                        stops: [
                            [0, 'rgba(255,255,255,0.5)'],
                            [
                                1,
                                Highcharts.color(
                                    Highcharts.getOptions().colors[0]
                                ).setOpacity(0.5).get('rgba')
                            ]
                        ]
                    }
                }
            }, {
                name: 'Female',
                data: [
                    { x: 0, y: 1, z: 30 }, // Airport 1 - Female
                    { x: 1, y: 1, z: 10 }, // Airport 2 - Female
                    { x: 2, y: 1, z: 20 },  // Airport 3 - Female
                    { x: 3, y: 1, z: 50 }, // Airport 4 - Female
                    { x: 4, y: 1, z: 70 }, // Airport 5 - Female
                    { x: 5, y: 1, z: 55 }, // Airport 6 - Female
                    { x: 6, y: 1, z: 15 }  // Airport 7 - Female
                ],
                marker: {
                    fillColor: {
                        radialGradient: { cx: 0.4, cy: 0.3, r: 0.7 },
                        stops: [
                            [0, 'rgba(255,255,255,0.5)'],
                            [
                                1,
                                Highcharts.color(
                                    Highcharts.getOptions().colors[1]
                                ).setOpacity(0.5).get('rgba')
                            ]
                        ]
                    }
                }
            }]

            var bubbledata2 = [{
                name: 'Less than 18 years',
                data: [
                    { x: 0, y: 0, z: 25 }, // Airport 1 - Male
                    { x: 1, y: 0, z: 15 },  // Airport 2 - Male
                    { x: 2, y: 0, z: 15 },  // Airport 3 - Male
                    { x: 3, y: 0, z: 15 }, // Airport 4 - Male
                    { x: 4, y: 0, z: 15 }, // Airport 5 - Male
                    { x: 5, y: 0, z: 15 },  // Airport 6 - Male
                    { x: 6, y: 0, z: 15 }   // Airport 7 - Male
                ],
                marker: {
                    fillColor: radialColors[0]
                }
            }, {
                name: '18 – 30 years',
                data: [
                    { x: 0, y: 1, z: 15 }, // Airport 1 - Female
                    { x: 1, y: 1, z: 25 }, // Airport 2 - Female
                    { x: 2, y: 1, z: 15 },  // Airport 3 - Female
                    { x: 3, y: 1, z: 15 }, // Airport 4 - Female
                    { x: 4, y: 1, z: 15 }, // Airport 5 - Female
                    { x: 5, y: 1, z: 15 }, // Airport 6 - Female
                    { x: 6, y: 1, z: 15 }  // Airport 7 - Female
                ],
                marker: {
                    fillColor: radialColors[1]
                }
            }, {
                name: '31 – 40 years',
                data: [
                    { x: 0, y: 2, z: 15 }, // Airport 1 - Female
                    { x: 1, y: 2, z: 15 }, // Airport 2 - Female
                    { x: 2, y: 2, z: 25 },  // Airport 3 - Female
                    { x: 3, y: 2, z: 15 }, // Airport 4 - Female
                    { x: 4, y: 2, z: 15 }, // Airport 5 - Female
                    { x: 5, y: 2, z: 15 }, // Airport 6 - Female
                    { x: 6, y: 2, z: 15 }  // Airport 7 - Female
                ],
                marker: {
                    fillColor: radialColors[2]
                }
            }, {
                name: '41 – 50 years',
                data: [
                    { x: 0, y: 3, z: 15 }, // Airport 1 - Female
                    { x: 1, y: 3, z: 15 }, // Airport 2 - Female
                    { x: 2, y: 3, z: 15 },  // Airport 3 - Female
                    { x: 3, y: 3, z: 25 }, // Airport 4 - Female
                    { x: 4, y: 3, z: 15 }, // Airport 5 - Female
                    { x: 5, y: 3, z: 15 }, // Airport 6 - Female
                    { x: 6, y: 3, z: 15 }  // Airport 7 - Female
                ],
                marker: {
                    fillColor: radialColors[3]
                }
            }, {
                name: '51 – 60 years',
                data: [
                    { x: 0, y: 4, z: 15 }, // Airport 1 - Female
                    { x: 1, y: 4, z: 15 }, // Airport 2 - Female
                    { x: 2, y: 4, z: 15 },  // Airport 3 - Female
                    { x: 3, y: 4, z: 15 }, // Airport 4 - Female
                    { x: 4, y: 4, z: 25 }, // Airport 5 - Female
                    { x: 5, y: 4, z: 15 }, // Airport 6 - Female
                    { x: 6, y: 4, z: 15 }  // Airport 7 - Female
                ],
                marker: {
                    fillColor: radialColors[4]
                }
            }, {
                name: 'More than 60 years',
                data: [
                    { x: 0, y: 5, z: 15 }, // Airport 1 - Female
                    { x: 1, y: 5, z: 15 }, // Airport 2 - Female
                    { x: 2, y: 5, z: 15 },  // Airport 3 - Female
                    { x: 3, y: 5, z: 15 }, // Airport 4 - Female
                    { x: 4, y: 5, z: 15 }, // Airport 5 - Female
                    { x: 5, y: 5, z: 25 }, // Airport 6 - Female
                    { x: 6, y: 5, z: 25 }  // Airport 7 - Female
                ],
                marker: {
                    fillColor: radialColors[5]
                }
            }]

            doughnutChart(piedata,"gender_op");
            bubbleChart(bubbledata,"gender_ap",genderLabel);
            doughnutChart(piedata2,"age_op");
            bubbleChart(bubbledata2,"age_ap",ageLabel);