arrow_back
View code
<div class="column-chart"></div>
Copy HTML
/*
 * File: column-chart-v1.js
 * Location /src/js/components
 * Column chart v1 component
 */

(function() {
    new Chart({
        element: '.column-chart',
        type: 'column',
        legend: true,
        chartOptions: {
            smooth: false,
            column: {
                width: '58%',
                gap: 2,
                radius: 5
            }
        },
        datapoints: [{
            name: 'Kodhus',
            data: [1, 25, 3, 90, 30, 90, 160, 0, 21, 3, 18, 2]
        }],
        xAxis: {
            title: 'Month',
            labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            labelModifier: function(value) {
                return 'Month ' + value;
            }
        },
        yAxis: {
            title: 'Total'
        },
        tooltip: {
            enabled: true
        }
    });
})();
Copy JS
Upgrade to professional version

Using professional version, you will have unlimited number of projects and unlimited access to materials in Kodhus.com.