Highcharts test tool

by Torstein Hønsi

HTML

<script src="http://code.highcharts.com/radial/highcharts.js"></script>
<script src="http://code.highcharts.com/radial/highcharts-more.js"></script>

<div id="container" style="width: 200px; height: 200px"></div>

JavaScript

window.chart = new Highcharts.Chart({
            
    chart: {
        renderTo: 'container',
        polar: true,
        backgroundColor: '#AAA'
    },
    
    title: {
        text: 'Smallville'
    },
    
    pane: {
        center: ['50%', '50%'],
        size: '90%',
        startAngle: 0,
        endAngle: 360
    },

    xAxis: {
        categories: ['Stability', 'Healthcare', 'Culture', 'Education', 'Infrastructure'],
        tickmarkPlacement: 'on',
        gridLineWidth: 2,
        gridLineColor: 'white',
        lineWidth: 1,
        labels: {
            enabled: false
        }
    },
    
    yAxis: {
        gridLineWidth: 0,
        labels: {
            enabled: false
        }
    },   
    
    legend: {
        enabled: false
    },
        

    series: [{
        type: 'area',
        data: [80, 70, 60, 70, 80],
        lineWidth: 0,
        marker: {
            enabled: false
        },
        shadow: false
    }]

});