$legend = ['Category A', 'Category B', 'Category C', 'Category D'];
$series = [
    [
        'name' => 'Series 1',
        'data' => [10, 20, 15, 25],
    ],
    [
        'name' => 'Series 2',
        'data' => [12, 18, 22, 30],
    ],
];

<livewire:bar-chart-component :series="$series" :categories="$legend" :$title  />

安装

您可以通过 composer 安装此包

composer require pringgojs/livewire-charts

更新数据图表

以下是一个示例

use Pringgojs\LivewireCharts\BarChartComponent;

function updateChart() {
    ...
    $this->dispatch('updateChart', $categories, $series)->to(BarChartComponent::class);
}