JSFiddle - React, Tailwind, and code Playground

JavaScript

<div class="char" id="chartContainer1"  style="height: 400px;width: 50%;">
                   
                        $(function () {
                            var chart1 = new CanvasJS.Chart("chartContainer1",
                                {
                                    theme: "theme2",
                                    animationEnabled: true,
                                    title: {
                                        text: "L [%]"
                                    },
                                    axisY:{
                                        maximum: 100,
                                        interval: 20,
                                        stripLines:[
                                            {
                                                value: <?php echo json_encode($excel_result9*100, JSON_NUMERIC_CHECK); ?>,
                                                lineDashType: "dot",
                                                label: "Cel: <?php echo json_encode($excel_result9*100, JSON_NUMERIC_CHECK); ?>%",
                                                showOnTop: false,
                                                thickness: 5,
                                                labelPlacement: "outside"
                                            }
                                        ]
                                    },

                                    data: [
                                        {
                                            indexLabel: "{y}",
                                            indexLabelPlacement: "outside",
                                            indexLabelOrientation: "horizontal",
                                            indexLabelFontColor: "black",
                                            indexLabelFontSize: 24,
                                            type: "column",
                                            dataPoints: <?php echo...