PHP code example of zaimealabs / charts

1. Go to this page and download the library: Download zaimealabs/charts library. Choose the download type require.

2. Extract the ZIP file and open the index.php.

3. Add this code to the index.php. 
    
        
<?php
require_once('vendor/autoload.php');

/* Start to develop here. Best regards https://php-download.com/ */

zaimealabs / charts example snippets


$pie = Charts::pieChart()
    ->setDataset([150, 120])
    ->setTitle('Posts')
    ->setLabels(['Published', 'No Published']);


use ZaimeaLabs\Charts\Facades\Charts;


use ZaimeaLabs\Charts\Charts;


    @chartsScripts


<div>
    {!! $chart->container() !!}
</div>


<div>
    <livewire:charts-area-chart
        key="{{ $areaChartModel->reactiveKey() }}"
        :area-charts="$areaChartModel"
    />
</div>


php artisan make:charts ChartName


$donut = Charts::donutChart()
    ->addData([200, 240, 300])
    ->setTitle('Top 3 active users from group.')
    ->setSubtitle('Season 2024.')
    ->setLabels(['User 3', 'User 10', 'User 91']);


$radial = Charts::radialChart()
    ->addData([4275, 105])
    ->setTitle('Work efficiency.')
    ->setSubtitle('How many working hours and sick leave a user has.')
    ->setLabels(['Worked', 'Sick leave'])
    ->setColors(['#D32F2F', '#03A9F4']);


$line = Charts::lineChart()
    ->addData('Hours worked', [138, 138, 145, 145, 131, 82])
    ->addData('Hours expected', [138, 140, 138, 145, 134, 82])
    ->setTitle('Hours worked during 2024.')
    ->setSubtitle('Hours worked vs Hours expected.')
    ->setXAxis(['January', 'February', 'March', 'April', 'May', 'June']);


$area = Charts::areaChart()
    ->addData('Hours worked', [138, 138, 145, 145, 131, 82])
    ->addData('Hours expected', [138, 140, 138, 145, 134, 82])
    ->setTitle('Hours worked during 2024.')
    ->setSubtitle('Hours worked vs Hours expected.')
    ->setXAxis(['January', 'February', 'March', 'April', 'May', 'June']);


$bar = Charts::barChart()
    ->addData('User 3', [6, 9, 3, 4, 10, 8])
    ->addData('User 91', [7, 3, 8, 2, 6, 4])
    ->setTitle('User 3 vs User 91.')
    ->setSubtitle('Working hours during season 2024.')
    ->setXAxis(['January', 'February', 'March', 'April', 'May', 'June']);


    ->setColors(['#ffc63b', '#ff6384'])


    ->setFontFamily('DM Sans')
    ->setFontColor('#ff6384')


    ->setGrid(); // empty adds a default style
    ->setGrid('#3F51B5', 0.1);

 
[#color1, #color2], $width , $hoverSize 


    ->setMarkers(['#FF5722', '#E040FB'], 7, 10);


    ->setSparkline()


    ->setTheme('dark')


    ->setToolbar(bool)


    ->setTooltip(bool, 'dark/light')


    ->setAnimations(bool)

bash
php artisan vendor:publish --tag=charts-config

bash
php artisan vendor:publish --tag=charts-apexcharts-script