Highcharts test tool

by jms_a88

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: 700px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {

    window.chart = new Highcharts.Chart({
                
        chart: {
            renderTo: 'container',
            polar: true,
            type: 'area'
        },
        
        title: {
            text: '',
            x: -80
        },
        
        pane: {
            size: '80%'
        },
        
        xAxis: {
            categories: ['Emotional', 'Occupational', 'Environmental', 'Physical', 
                    'Intellectual', 'Social','Financial','Spiritual'],
            tickmarkPlacement: 'off',
            lineWidth: 0
        },
            
        yAxis: {
            gridLineInterpolation: 'polygon',
            lineWidth: 0,
            min: 0
        },
        
        tooltip: {
            shared: true
        },
        
        legend: {
            enabled: false,
            align: 'right',
            verticalAlign: 'top',
            y: 100,
            layout: 'vertical'
        },
        
        series: [{
            name: '',
            data: [60, 75, 80, 80, 85, 50, 75, 55 ],
            pointPlacement: 'off'
        }]
    
    });
});