JSFiddle - React, Tailwind, and code Playground

by Osvaldo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.bundle.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-deferred@1.0.2" defer></script>
<div class="chart-container" style="position: relative; height:auto; width:100%">
    <canvas id="pie_chart_2" width="350" height="250"></canvas>
</div>
<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        var ctx = document.getElementById("pie_chart_2").getContext("2d");
        var pie_chart_2 = new Chart(ctx, {
                type: 'doughnut',
                data: {
                    datasets: [{
                            data: [
                                20,
                                50,
                                30
                            ],
                            backgroundColor: [
                                'rgba(122, 189, 148, 0.95)',
                                'rgba(255, 225, 159, 0.95)',
                                'rgba(255, 196, 167, 0.95)'
                            ],
                            label: 'Dataset 1'
                        },
                        {
                            data: [
                                25,
                                45,
                                30
                            ],
                            backgroundColor: [
                                'rgba(122, 189, 148, 0.55)',
                                'rgba(255, 225, 159, 0.55)',
                                'rgba(255, 196, 167, 0.55)'
                            ],
                            label: 'Dataset 2'
                        }
                    ],
                    labels: [
                        'Alpha',
                        'Beta',
                        'Delta'

                    ]
                },
                options: {
            ...