lonnyx/nova-apex-chart

一个Laravel Nova Apex Chart组件。

安装: 896

依赖: 0

建议者: 0

安全: 0

星标: 6

关注者: 0

分支: 2

语言:Vue

v1.3.0 2022-08-21 10:53 UTC

This package is auto-updated.

Last update: 2024-09-21 15:37:27 UTC


README

Latest Version on Packagist Total Downloads License

一个Laravel Nova ApexCharts组件

此包是从 dcasia/nova-apex-chart 分支出来的,与Nova 4兼容并具有日期过滤器

ApexCharts 文档

LineCharts in Action LineCharts DateFilter

安装

您可以通过composer安装此包

composer require lonnyx/nova-apex-chart

基本用法

class ExampleNovaResource extends Resource
{

    public function cards(Request $request)
        {

            return [
                (new NovaApexChart())
                    ->type('bar')
                    ->series(
                        [
                            new DataOnlySeries([ 400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380 ])
                        ])
                    ->options([
                        'xaxis' => [
                            'categories' => [ 'Jan', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct' ]
                        ],
                        'tooltip' => [
                            'y' => [
                                'formatter' => new BasicFormatter('$', 'USD')
                            ]
                        ]
                    ])
            ];
        }

}

通过调用创建基本系列

use LonnyX\NovaApexChart\BasicSeries;
new BasicSeries('title', [ 400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380 ]);

通过调用创建仅包含数据系列

use LonnyX\NovaApexChart\DataOnlySeries;
new DataOnlySeries([ 400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380 ]);

创建自定义格式化器

use LonnyX\NovaApexChart\formatter\BasicFormatter;
new BasicFormatter('$', 'USD');

显示以逗号分隔的数字

use LonnyX\NovaApexChart\formatter\BasicFormatter;
new BasicFormatter('', '', true);

许可证

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