energieproduction/chart

Chart service for Highcharts

Maintainers

Details

github.com/EnergieProduction/Chart

Homepage

Source

Issues

Installs: 332

Dependents: 0

Suggesters: 0

Security: 0

Stars: 7

Watchers: 1

Forks: 0

Open Issues: 2

v0.1 2017-09-01 16:40 UTC

Requires

Requires (Dev)

MIT 70f2620a9891f7ff256e595f4faec895a883b27e

  • De Gracia Mathieu <contact.woop@degracia-mathieu.fr>

charthighchartslaravel

This package is not auto-updated.

Last update: 2024-10-27 03:10:46 UTC

README

Codacy Badge Scrutinizer Code Quality Build For Laravel Latest Version on Packagist Total Downloads

EnergieProduction/Chart

Chart service for Highcharts on Laravel 5

Installation

Run in console below command to download package to your project:

composer require energieproduction/chart

Configuration

For Laravel 5

In /config/app.php add ChartServiceProvider:

EnergieProduction\Chart\ChartServiceProvider::class,

Do not forget to use the scripts from Highcharts on the pages that contains a chart

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

Usage

In progress...

Examples

$chart = app('chart');

$chart->pushSubset('title', function($title){
    $title->pushCriteria(new Criterias\Text('Solar Employment Growth by Sector, 2010-2016'));
});

$chart->pushSubset('subtitle', function($subtitle){
    $subtitle->pushCriteria(new Criterias\Text('Source: thesolarfoundation.com'));
});

$chart->pushSubset('yAxis.title', function($title){
    $title->pushCriteria(new Criterias\Text('Number of Employees'));
});

$chart->pushSubset('legend', function($legend){
    $legend->pushCriteria(new Criterias\Layout('vertical'));
    $legend->pushCriteria(new Criterias\Align('right'));
    $legend->pushCriteria(new Criterias\VerticalAlign('middle'));
});

$chart->pushSubset('plotOptions.series', function($plotOptions){
    $plotOptions->pushCriteria(new Criterias\PointStart(2010));
});

$chart->pushSubset('series', function($series){
    $series->pushCriteria(new Criterias\Name('Installation'));
    $series->pushCriteria(new Criterias\Data([43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]));
});

$chartSolarEmployment = $chart->render();
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
 
<div id='chart'></div>
 
<script type="text/javascript">
$(function () {
    $('chart').highcharts({{$chartSolarEmployment}});
});
</script>

Demo