pringgojs/livewire-charts

Livewire chart component

v1.0.1 2024-10-08 00:35 UTC

Requires

• php: ^8.2
• illuminate/contracts: ^10.0||^11.0
• livewire/livewire: ^3.5

Requires (Dev)

• spatie/laravel-package-tools: ^1.16

MIT

• Pringgo Juni S

README

Apexchart livewire component

Here's an example of how you can use it in your views:

$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  />

Installation

You can install the package via composer:

composer require pringgojs/livewire-charts

Update Data Chart

Here's an example:

use Pringgojs\LivewireCharts\BarChartComponent;

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