svg-charts

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 8 Open GitHub ↗

SVG Charts generator for DOMPDF

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# SVG Charts

A package for Laraver to generate SVG charts compatible with [DOMPDF](https://github.com/dompdf/dompdf).

### Installation

Via Composer

``` bash
$ composer require dpodsiadlo/svg-charts
```

### Configuration (only if you have auto discovery disabled)

Once installed, register Laravel service provider, in your `config/app.php`:

```php
'providers' => [
	...
    DPodsiadlo\SvgCharts\Providers\SvgChartsProvider::class,
]
```

### Customize

To customize the chart you can publish the view to `/resources/views/vendor/svg-charts`:

```bash
 php artisan vendor:publish --provider="DPodsiadlo\SvgCharts\Providers\SvgChartsProvider" 
```

### Basic Usage

#### Line chart

![Line chart example](https://raw.githubusercontent.com/dpodsiadlo/svg-charts/master/examples/images/ps1.png)

Blade template implementation:

```blade
@inject('svgCharts', '\DPodsiadlo\SvgCharts\SvgCharts')     {{-- Injecting the service --}}
    
<img style="width: 174mm; height: 80mm"
     src="https://raw.githubusercontent.com/dpodsiadlo/svg-charts/master/{{$svgCharts->lineChart([
            'labels' => [
                'Monday',
                'Tuesday',
                'Wednesday',
                'Thursday',
                'Friday',
                'Saturday',
                'Sunday'
            ],
            'data' => [
                [4,1,22,3,4,55,1],                          // First dataset
                [1,3,2,4,1,2,6]                             // Second dataset

]
         ],[
        'colors' => ['#32638e','#f00000'],                  // Colors for datasets
        'fillColor' => ['#32638e','#f00000'],                  
        'stroke' => 1,                  
        'axisColor' => '#4a4a4c',
        'axisWidth' => 2,
        'gridColor' => '#9c9c9b',
        'gridWidth' => 1,
        'valueGroups' => 5,
        'width' => 1600,
        'height' => 900,
        'valueFormatter' => function($value){               // Closure for formatting values
            return money_format("%.2n", $value);            // Used setlocale(LC_MONETARY, 'en_US.UTF-8') for this example
        }
     ])->toImgSrc()}}"/>
```

### License

The MIT License (MIT). Please see [License File](LICENSE) for more information.

svg-charts

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

svg-charts

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README