All Pages


    /pages/following-up-on-your-short-questions
    /pages/fostering-healthy-choices-and-responsible-decisions-in-education
    /pages/from-classroom-to-community-your-graduate-education-journey
    /pages/from-classroom-to-community-your-graduate-education-journey-1
    /pages/from-discovery-to-application-grow-with-our-graduate-community
    /pages/from-undergrad-to-grad-discover-our-campus-and-application-process
    /pages/from-undergrad-to-grad-discover-our-campus-and-application-process-1
    /pages/from-vision-to-reality-how-our-leadership-and-approach-keep-evolving
    /pages/fuel-your-ambitions-with-advanced-learning-and-application-support
    /pages/get-ready-for-graduate-success-and-experience-our-campus-community
    /pages/global-economy-update-latest-insights-on-stock-markets-trends-analysis
    /pages/graduate-education-meets-community-experience-and-next-steps
    /pages/graduate-programs-that-build-on-your-skills-and-welcome-you-into-community
    /pages/guided-by-vision-empowered-by-innovation-and-united-by-purpose-we-continue-to-shape-a-better-future-for-all
    /pages/help-introduce-prospective-students-to-education
    /pages/i-want-to-express-my-excitement-in-working-with-you-throughout-your-academic-journey
    /pages/ideas-connected-by-awareness-logic-and-long-term-thinking
    /pages/ideas-that-grow-slowly-through-learning-reflection-and-conscious-thinking
    /pages/immerse-yourself-in-graduate-learning-and-the-application-process
    /pages/insight-developed-over-time-through-experience-learning-and-reflection
    /pages/inspiring-campus-experiences-that-take-your-education-to-the-next-level
    /pages/integrating-community-partnerships-into-the-university-student-journey
    /pages/join-our-vibrant-community-and-bring-your-education-to-the-next-level
    /pages/knowledge-streams-flowing-into-smart-choices-and-better-perspectives
    /pages/leadership-and-persistence-push-boundaries-to-deliver-excellence-and-lasting-value
    /pages/learning-beyond-information-toward-understanding-and-clarity
    /pages/learning-paths-that-encourage-awareness-balance-and-responsible-actions
    /pages/list-all-pages
    /pages/listallpages
    /pages/navigating-the-college-admissions-process-for-a-successful-start-to-your-academic-journey
    /pages/new-student-official-welcome-and-orientation-session
    /pages/our-leadership-driven-vision-is-inspiring-growth-across-industries
    /pages/our-thriving-approach-and-visionary-direction-are-creating-endless-growth-opportunities
    /pages/prepare-for-a-future-of-success-with-campus-life-and-application-support
    /pages/prepare-for-the-next-step-and-connect-with-students-and-faculty
    /pages/privacy
    /pages/profile-match-successful
    /pages/profile-matching-successful
    /pages/promoting-wellbeing-and-academic-responsibility-through-supportive-environments
    /pages/redefining-success-through-leadership-innovation-and-global-collaboration
    /pages/rooted-in-integrity-and-driven-by-curiosity-we-push-boundaries-to-deliver-excellence-and-lasting-value
    /pages/step-into-graduate-learning-and-find-your-place-in-our-campus-community
    /pages/strengthening-student-pathways-through-university-and-community-collaboration
    /pages/students-receive-many-opportunities-to-meet-new-people-and-develop-their-interests-or-talents
    /pages/take-the-next-step-in-a-community-that-values-your-potential
    /pages/take-your-next-step-with-graduate-learning-and-campus-experiences
    /pages/take-your-undergrad-experience-to-new-heights-in-our-vibrant-community
    /pages/terms
    /pages/test4
    /pages/the-complete-college-application-process-a-step-by-step-guide-to-university-admissions-success

Chart.js

slack

Installation

You can download the latest version of Chart.js from the GitHub releases or use a Chart.js CDN. Detailed installation instructions can be found on the installation page.

Creating a Chart

It's easy to get started with Chart.js. All that's required is the script included in your page along with a single <canvas> node to render the chart.

In this example, we create a bar chart for a single dataset and render that in our page. You can see all the ways to use Chart.js in the usage documentation.

<canvas id="myChart" width="400" height="400"></canvas>
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
});
</script>