muhamadrezaar/highcharts

Laravel Highcarts Packages

Laravel 5 Highcharts Packages

, _(*1)

Package Highcharts for Laravel 5, _(*2)

Installations

Add Package to composer.json, _(*3)

composer require muhamadrezaar/highcharts:dev-master

In Laravel 5.5 the service provider will automatically get registered. In older versions of the framework just add the service provider and facade in config/app.php file:, _(*4)

Provider :, _(*5)

RezaAr\Highcharts\Provider::class,

Facade :, _(*6)

'Chart' => RezaAr\Highcharts\Facade::class,

then publish the config, _(*7)

``` sh php artisan vendor:publish, <sub>(*8)</sub>

### Basic Usage

In Controller or Other Class

```sh

 'Voting ballon d`or 2018',
    ])
    ->chart([
        'type'     => 'line', // pie , columnt ect
        'renderTo' => 'chart1', // render the chart into your div with id
    ])
    ->subtitle([
        'text' => 'This Subtitle',
    ])
    ->colors([
        '#0c2959'
    ])
    ->xaxis([
        'categories' => [
            'Alex Turner',
            'Julian Casablancas',
            'Bambang Pamungkas',
            'Mbah Surip',
        ],
        'labels'     => [
            'rotation'  => 15,
            'align'     => 'top',
            'formatter' => 'startJs:function(){return this.value + " (Footbal Player)"}:endJs', 
            // use 'startJs:yourjavasscripthere:endJs'
        ],
    ])
    ->yaxis([
        'text' => 'This Y Axis',
    ])
    ->legend([
        'layout'        => 'vertikal',
        'align'         => 'right',
        'verticalAlign' => 'middle',
    ])
    ->series(
        [
            [
                'name'  => 'Voting',
                'data'  => [43934, 52503, 57177, 69658],
                // 'color' => '#0c2959',
            ],
        ]
    )
    ->display();

    return view('welcome', [
        'chart1' => $chart1,
    ]);


?>

In Blade, <sub>(*9)</sub>

{!! $chart1 !!}

Output :, <sub>(*10)</sub>

, <sub>(*11)</sub>

the package will generate this code in yout view :, <sub>(*12)</sub>

``` sh, <sub>(*13)</sub>

, <sub>(*14)</sub>

```, <sub>(*15)</sub>

cdn highcharts.js and others js only generated one time, <sub>(*16)</sub>

License

https://reza.mit-license.org/, <sub>(*17)</sub>

Buy me a cup of coffee https://trakteer.id/mreza.id, <sub>(*18)</sub>