Top 10 Risks

by Amit Sinha

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/cylinder.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

<div id="container"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'cylinder',
        borderWidth: 0,
        backgroundColor: null,
        gridLineWidth:0,
        options3d: {
            enabled: true,
            alpha: 15,
            beta: 15,
            depth: 50,
            viewDistance: 25,
        }
        
    },
    credits:{
    	enabled: false
    },
    title: {
        text: 'Top 10 Risks'
    },
     yAxis: {
                gridLineWidth: 0,
                minorGridLineWidth: 0,
                },
	xAxis: {
  						type: 'category',
               gridLineWidth: 0,
              minorGridLineWidth: 0,
                },
    plotOptions: {
        series: {
            depth: 25,
            colorByPoint: true
        }
    },
    series: [{
        data: [ {
                    name: "Risk 1",
                    y: 70
                },{
                    name: "Risk 2",
                    y: 40,
                },{
                    name: "Risk 3",
                    y: 80,
                },{
                    name: "Risk 4",
                    y: 20,
                },{
                    name: "Risk 5",
                    y: 50,
                },{
                    name: "Risk 6",
                    y: 70
                },{
                    name: "Risk 7",
                    y: 40,
                },{
                    name: "Risk 8",
                    y: 80,
                },{
                    name: "Risk 9",
                    y: 20,
                },{
                    name: "Risk 10",
                    y: 50,
                }],
        
        showInLegend: false
    }]
});