Highcharts test tool
by eanders
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
window.chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
borderRadius: 0,
borderWidth: 0,
plotBorderWidth: 0,
plotBorderColor: '#FFF',
polar: true,
marginTop: 40,
marginRight: 0,
marginBottom: 40,
marginLeft: 0,
spacingTop: 0,
spacingLeft: 0,
spacingBottom: 0,
spacingRight: 0
},
title: {
text: 'Highcharts Polar Chart'
},
pane: {
startAngle: 0,
endAngle: 360
},
xAxis: {
labels: {
enabled: false,
distance: 30,
useHTML: true,
style: {
minWidth: '120px',
whiteSpace: 'normal'
}
},
gridLineColor: '#CED3D6',
allowDecimals: false,
min: 0,
max: 100
},
yAxis: {
min: 0,
max: 100,
gridLineColor: '#CED3D6',
tickPositions: [25, 50, 75, 100],
labels: {
zIndex: 1,
style: {
color: '#EEE'
},
enabled: true
},
},
plotOptions: {
column: {
animation: false,
pointPadding: 0,
borderWidth: 0
},
line: {
animation: false,
lineWidth: 0,
marker: {
enabled: true,
radius: 2,
symbol: 'circle'
},
},
series: {
grouping: false,
groupPadding: 0,
pointPlacement: 'on'
}
},
series: [{
type: 'column',
...