Basic Column Chart - CanvasJS

Basic Column Chart

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
            theme: "light1",
            animationEnabled: true,
            title:{
                text: "Shippers",
            },
            data: [{
                type: "doughnut",
                indexLabel: "{y}",
                indexLabelPlacement: "inside",
                indexLabelFontColor: "#36454F",
                indexLabelFontSize: 15,
                indexLabelFontWeight: "bolder",
                innerRadius: "50%",
                legendText: "{label}",
                dataPoints: [{"label":"Unknown","y":268},{"label":"AM FRESH","y":1},{"label":"BEFRESH","y":2},{"label":"FREE ON BOARD","y":1},{"label":"KAT RIVER","y":40},{"label":"KOMATI","y":125},{"label":"LONA","y":493},{"label":"MAHELA","y":28},{"label":"RUSSIAN DIVISION","y":27},{"label":"TASTE AFRICA","y":13},{"label":"UNIFRUTTI","y":674},{"label":"ZEST FRUIT","y":1142}]            }]
        });
chart.render();