Flexible JavaScript charting with Canvas using Chart.js

• Visualize your data in 8 different ways; each of them animated and customizable.
• Great rendering performance across all modern browsers (IE9+)
• Redraws charts on window resize for perfect scale granularity.

<canvas id="myChart" width="400" height="400"></canvas>

// Any of the following formats may be used

var ctx = document.getElementById("myChart");


var ctx = document.getElementById("myChart").getContext("2d");


var ctx = $("#myChart");

<canvas id="myChart" width="400" height="400"></canvas>


<script>


var ctx = document.getElementById("myChart");


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]

        }]

    },

    options: {

        scales: {

            yAxes: [{

                ticks: {

                    beginAtZero:true

                }

            }]

        }

    }


});


</script>

GitHub