ElementStacks
by hfrntt
HTML
<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px; width: 500px"></div>
JavaScript
window.chart = new Highcharts.Chart(
{
chart: {
renderTo: 'container',
backgroundColor: null,
margin: [0, 0, 0, 0],
plotBackgroundColor: 'none',
plotBorderWidth: 0,
plotShadow: false,
size: 350,
defaultSeriesType: 'pie'
},
title: {
text: ''
},
tooltip: {
formatter: function () {
return this.point.name + ': ' + this.y + ' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
slicedOffset: 20
}
},
series: [{
type: 'pie',
name: '',
innerSize: '85%',
data: [
{
name: 'Newcastle',
y: 24.0,
sliced: true,
selected: true,
color: '#f6dd67'
},
{
name: 'Northumberland',
y: 18.9,
sliced: true,
selected: true,
color: '#f5da53'
},
{
name: 'North Tyneside',
y: 13,
sliced: true,
selected: true,
color: '#f9e9a9'
},
{
name: 'Gateshead',
y: 11.6,
sliced: true,
selected: true,
color: '#fbf0ca'
},
{
name: 'County Durham',
y: 11.5,
...