README

一个 Laravel Nova ApexCharts 组件

ApexCharts 文档

安装

您可以通过 composer 安装此包

composer require digital-creative/nova-apex-chart

基本用法

use DigitalCreative\NovaApexChart\NovaApexChart;
use DigitalCreative\NovaApexChart\Formatter\BasicFormatter;
use DigitalCreative\NovaApexChart\Series\DataOnlySeries;

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 DigitalCreative\NovaApexChart\Series\BasicSeries;
new BasicSeries('title', [ 400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380 ]);

通过调用创建仅数据系列

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

创建自定义格式化器

use DigitalCreative\NovaApexChart\Formatter\BasicFormatter;
new BasicFormatter('$', 'USD');

显示逗号分隔的数字

use DigitalCreative\NovaApexChart\Formatter\BasicFormatter;
new BasicFormatter('', '', true);

许可证

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