iframe-content-4.html

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<title>Pie Chart Example</title>
</head>
<body>
<div id="chart"></div>
<script>
        var options = {
            series: [45, 55],  // You can adjust the values for ERP and DMS
            labels: ['ERP', 'DMS'],
            chart: {
                type: 'pie',
            },
            responsive: [
                {   
                    breakpoint: 480,
                    options: {
                        chart: {
                            height: 200
                        },
                        legend: {
                            position: 'bottom'
                        }
                    }
                }
            ]
        };

        var chart = new ApexCharts(document.querySelector("#chart"), options);
        chart.render();
    </script>
</body>
</html>