芝麻web文件管理V1.00

编辑当前文件:/home/forge/stage.sksb.smartcon-survey.com/resources/views/livewire/split-line-chart.blade.php

<div x-data="{
    init() {
        const mySplitBarChart = new Chart(this.$refs.canvas, {
            type: 'line',
            data: {
                labels: {{ json_encode($labels) }},
                datasets: {{ json_encode($data) }},
            },
            options: {
                scales: { y: { beginAtZero: true, max: 100 } },
                responsive: true,
                maintainAspectRatio: true,
                plugins: {
                    legend: {
                        position: 'bottom',
                        labels: {
                            pointStyle: 'circle',
                            usePointStyle: true,
                        },
                    },
                },
                elements: {
                    line: {
                        borderWidth: 2,
                    },
                    point: {
                        radius: 5,
                    },
                },
            }
        });
    }
}">
    {{-- A good traveler has no fixed plans and is not intent upon arriving. --}}
    <div>
        <div class="pl-12 text-lg">Anteil sehr zufriedener Mitabeiter (top2 in %)</div>
        <canvas x-ref="canvas" style="max-height: 350px" id="splitbarchart"></canvas>
    </div>
</div>