DeveloperBreeze

Apexcharts Development Tutorials, Guides & Insights

Unlock 1+ expert-curated apexcharts tutorials, real-world code snippets, and modern dev strategies. From fundamentals to advanced topics, boost your apexcharts skills on DeveloperBreeze.

Getting Started with ApexCharts

Tutorial August 21, 2024 

var options = {
    chart: {
        type: 'bar'
    },
    series: [{
        name: 'Revenue',
        data: [30, 40, 45, 50, 49, 60, 70, 91]
    }],
    xaxis: {
        categories: ['2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022']
    },
    title: {
        text: 'Annual Revenue',
        align: 'center'
    }
}

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();
var options = {
    chart: {
        type: 'pie'
    },
    series: [44, 55, 13, 43, 22],
    labels: ['Apples', 'Oranges', 'Bananas', 'Berries', 'Mangoes'],
    title: {
        text: 'Fruit Consumption',
        align: 'center'
    }
}

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();

Read More