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

(function() {
    new Chart({
        element: '.area-chart',
        type: 'area',
        legend: true,
        lineIndicator: true,
        chartOptions: {
            smooth: false,
            line: {
                showAnchorPoints: false
            }
        },
        datapoints: [{
            name: 'Tokyo',
            data: [1, 25, 3, 90, 30, 90, 160, 50, 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.