Highcharts
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
JavaScript
$(function () {
$(document).ready(function () {
$('#container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
marginBottom: 80
},
title: {
text: 'Porcentagem de acesso ao site'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.percentage:.1f}%'
},
showInLegend: true
}
},
legend: {
enabled: true,
floating: true,
useHTML: true,
labelFormatter: function() {
return '<div style="text-align: left; float:left;">' + this.name + ': ' + this.y + '</div>';
},
align: 'center',
borderWidth: 1
},
series: [{
type: 'pie',
name: 'Total',
data: [
['Segunda', 68],
['Terça', 10],
['Sábado', 46],
['Domingo', 100],
]
}]
});
});
});