Apexcharts Development Tutorials, Guides & Insights

Tooltips and legends can help users understand the data more easily.

var options = {
    chart: {
        type: 'line'
    },
    series: [{
        name: 'Sales',
        data: [10, 20, 15, 30, 25, 40, 35]
    }],
    xaxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul']
    },
    title: {
        text: 'Monthly Sales Data',
        align: 'center'
    },
    tooltip: {
        enabled: true,
        theme: 'dark'
    },
    legend: {
        position: 'top',
        horizontalAlign: 'right'
    }
}

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

chart.render();