HighCharts vs ChartJS Pie
by Ryan Brackett
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script src="http://www.chartjs.org/assets/Chart.js"></script>
<canvas id="chartJs"></canvas>
JavaScript
$(function () {
var data = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
{
fillColor : "rgba(187,187,187,0.5)",
strokeColor : "rgba(220,220,220,0)",
highlightFill: "rgba(187,187,187,0.5)",
highlightStroke: "rgba(121,121,121,.5)",
data : [20,30,13,48,39,82.3,59.2]
},
{
fillColor : "rgba(183, 191, 28, 0.8)",
strokeColor : "rgba(159, 166, 23, 0)",
highlightFill : "rgba(183, 191, 28, 0.8)",
highlightStroke : "rgba(159, 166, 23, 1)",
data : [55,31,17.4,97.3,39,82.3,59.2]
}
]
}
new Chart($('#chartJs')[0].getContext('2d')).Bar(data, {
responsive : true
});
});