Highcharts test tool

by xmlilley

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="height: 400px"></div>

JavaScript

window.chart = new Highcharts.Chart({
        
    chart: {
        renderTo: 'container',
        polar: 1
    },
    
    title: {
        text: 'Highcharts Polar Chart'
    },
    
    subtitle: {
        text: 'Warning: This is a work in progress, you will find bugs'
    },
    
    pane: {
        center: ['50%', '50%'],
        size: '90%',
        startAngle: 0,
        endAngle: 360
    },

    xAxis: {
        tickInterval: 60,
        min: 0,
        max: 360,
        showLastLabel: false,
        labels: {
            enabled: false
        }
    },
        
    yAxis: {
        //gridLineInterpolation: 'polygon',
        min: 0,
        tickInterval: 1,
        label: {
            enabled: false
        },
        showLastLabel: false,
        
    },
        
    plotOptions: {
        series: {
            pointStart: 0,
            pointInterval: 60
        },
        column: {
            stacking: 'normal',
            pointPadding: 0,
            groupPadding: 0
        }
    },

    series: [{
        name: 'Industry Standard',
        type: 'area',
        color: 'rgba(213, 187, 0, 0.7)',
        fillOpacity: 0.3,
        dashStyle: 'ShortDash',
        data: [1, 2, 3, 4, 5, 4].reverse(),
        shadow: false,
        pointPlacement: 'between'
    }, {
        name: 'Client',
        type: 'area',
        color: 'rgba(250, 133, 5, 0.7)',
        fillOpacity: 0.6,
        data: [1, 5, 2, 4, 3, 3]
    }]

});