{"id":864,"date":"2022-11-18T19:49:00","date_gmt":"2022-11-18T19:49:00","guid":{"rendered":"https:\/\/www.tarleton.edu\/impact\/?page_id=864"},"modified":"2025-02-04T15:28:54","modified_gmt":"2025-02-04T15:28:54","slug":"top-industry-impacts","status":"publish","type":"page","link":"https:\/\/www.tarleton.edu\/impact\/top-industry-impacts\/","title":{"rendered":"Top Industry Impacts"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center has-large-font-size\" id=\"top-industry-impacts-job-supported-in-texas-4ab609d1-8263-431d-8268-c852e52ddd6e\"><strong>Top Industry Impacts (Job Supported)<\/strong> in Texas<\/h2>\n\n\n\n<p class=\"industryimpacts\">Today, thousands of former students are employed in Texas. According to Lightcast\u2019s Alumni Pathways, many Tarleton State alumni are employed in the state workforce in industry sectors such as government, education, manufacturing, healthcare and social assistance, professional and technical services, and retail trade. Some of the top occupations include being postsecondary teachers, all other managers, general and operations managers, first-line supervisors of office and administrative support workers, and accountants and auditors.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n\n\n<div class=\"chart-container\">\n    <div class=\"chart-wrapper\">\n        <canvas id=\"myChart2\"><\/canvas>\n    <\/div>\n    <div class=\"legend-wrapper\" id=\"chartLegend\"><\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chartjs-plugin-datalabels\"><\/script>\n<script>\n    Chart.register(ChartDataLabels);\n\n    var ctx = document.getElementById('myChart2').getContext('2d');\n\n    var chart = new Chart(ctx, {\n        type: 'doughnut',\n        data: {\n            labels: ['Retail Trade', 'Healthcare and Social Assistance', 'Accommodation and Food Services', 'Administrative and Waste Services', 'Professional and Technical Services'],\n            datasets: [{\n                label: 'Jobs',\n                backgroundColor: ['#4f2d7f', '#8e7db3', '#000000', '#6d6e71', '#00b1e1'],\n                borderColor: '#000000',\n                data: [3711, 3023, 2182, 1877, 1867]\n            }]\n        },\n        options: {\n            responsive: true,\n            plugins: {\n                legend: {\n                    display: false \/\/ Hide default legend\n                },\n                datalabels: {\n                    color: '#fff',\n                    anchor: 'center',\n                    align: 'center',\n                    font: {\n                        weight: 'bold',\n                        size: 14\n                    },\n                    formatter: (value) => value.toLocaleString()\n                }\n            }\n        }\n    });\n\n    \/\/ Function to generate the custom legend\n    function generateCustomLegend(chart) {\n        var legendContainer = document.getElementById('chartLegend');\n        var labels = chart.data.labels;\n        var colors = chart.data.datasets[0].backgroundColor;\n\n        legendContainer.innerHTML = ''; \/\/ Clear previous legend\n\n        labels.forEach((label, index) => {\n            var legendItem = document.createElement('div');\n            legendItem.classList.add('legend-box');\n\n            var colorBox = document.createElement('span');\n            colorBox.classList.add('legend-color');\n            colorBox.style.backgroundColor = colors[index];\n\n            var textLabel = document.createElement('span');\n            textLabel.classList.add('legend-text');\n            textLabel.textContent = label;\n\n            legendItem.appendChild(colorBox);\n            legendItem.appendChild(textLabel);\n            legendContainer.appendChild(legendItem);\n        });\n    }\n\n    \/\/ Call the function to generate the legend\n    generateCustomLegend(chart);\n<\/script>\n<style class=\"advgb-styles-renderer\">\n    .chart-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100%;\n        max-width: 800px; \/* Adjust as needed *\/\n        margin: auto;\n        flex-wrap: wrap; \/* Allows wrapping for responsiveness *\/\n    }\n\n    .chart-wrapper {\n        flex: 1.2;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-width: 300px;\n    }\n\n    .legend-wrapper {\n        flex: 0.8;\n        display: flex;\n        flex-direction: column;\n        padding-left: 20px;\n        min-width: 300px;\n    }\n\n    canvas {\n        max-width: 100%;\n        height: auto;\n    }\n\n    \/* Custom legend styling *\/\n    .legend-box {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 8px;\n    }\n\n    .legend-color {\n        width: 20px;\n        height: 20px;\n        border-radius: 3px;\n        display: inline-block;\n    }\n\n    .legend-text {\n        font-size: 14px;\n        font-weight: 500;\n        color: #333;\n    }\n\n    \/* Responsive - Stack chart and legend on small screens *\/\n    @media (max-width: 768px) {\n        .chart-container {\n            flex-direction: column; \/* Stack elements *\/\n            align-items: center;\n            text-align: center;\n        }\n\n        .chart-wrapper, .legend-wrapper {\n            flex: none;\n            width: 100%;\n            padding: 0;\n        }\n\n        .legend-wrapper {\n            margin-top: 20px; \/* Adds spacing between chart and legend *\/\n            align-items: flex-start; \/* Left-align legend items on mobile *\/\n            padding-left: 20px; \/* Keep consistent padding *\/\n        }\n\n        .legend-box {\n            justify-content: flex-start; \/* Align legend items to the left *\/\n        }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Top Industry Impacts (Job Supported) in Texas Today, thousands of former students are employed in Texas. According to Lightcast\u2019s Alumni Pathways, many Tarleton State alumni are employed in the state &#8230;<\/p>\n","protected":false},"author":3,"featured_media":580,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"inline_featured_image":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"class_list":["post-864","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"coauthors":[],"author_meta":{"author_link":"https:\/\/www.tarleton.edu\/impact\/author\/keegan-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2\/","display_name":"keegan"},"relative_dates":{"created":"Posted 3 years ago","modified":"Updated 1 year ago"},"absolute_dates":{"created":"Posted on November 18, 2022","modified":"Updated on February 4, 2025"},"absolute_dates_time":{"created":"Posted on November 18, 2022 7:49 pm","modified":"Updated on February 4, 2025 3:28 pm"},"featured_img_caption":"","featured_img":false,"series_order":"","_links":{"self":[{"href":"https:\/\/www.tarleton.edu\/impact\/wp-json\/wp\/v2\/pages\/864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tarleton.edu\/impact\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tarleton.edu\/impact\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/impact\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/impact\/wp-json\/wp\/v2\/comments?post=864"}],"version-history":[{"count":19,"href":"https:\/\/www.tarleton.edu\/impact\/wp-json\/wp\/v2\/pages\/864\/revisions"}],"predecessor-version":[{"id":1550,"href":"https:\/\/www.tarleton.edu\/impact\/wp-json\/wp\/v2\/pages\/864\/revisions\/1550"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/impact\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.tarleton.edu\/impact\/wp-json\/wp\/v2\/media?parent=864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}