dpodsiadlo/svg-charts

适用于 Laravel & DOMPDF 的 SVG 图表生成器

v1.0.5 2024-07-10 14:08 UTC

This package is not auto-updated.

Last update: 2024-09-18 15:05:00 UTC


README

一个用于生成与 DOMPDF 兼容的 SVG 图表的 Laravel 包。

安装

通过 Composer

$ composer require dpodsiadlo/svg-charts

配置(仅当您已禁用自动发现时)

安装完成后,在您的 config/app.php 中注册 Laravel 服务提供者

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

自定义

要自定义图表,可以将视图发布到 /resources/views/vendor/svg-charts

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

基本用法

折线图

Line chart example

Blade 模板实现

@inject('svgCharts', '\DPodsiadlo\SvgCharts\SvgCharts')     {{-- Injecting the service --}}
    
<img style="width: 174mm; height: 80mm"
     src="{{$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()}}"/>

许可证

MIT 许可证(MIT)。请参阅 许可证文件 获取更多信息。