README

apex charts库的Laravel包装器。请查看以下文档：Larapex Chart Docs。

安装

使用composer。

composer require arielmejiadev/larapex-charts

用法

基本示例

在您的控制器中添加

$chart = (new LarapexChart)->setTitle('Posts')
                   ->setDataset([150, 120])
                   ->setLabels(['Published', 'No Published']);

记得使用以下方式将外观导入到您的控制器中

use ArielMejiaDev\LarapexCharts\Facades\LarapexChart;

或者导入LarapexChart类

use ArielMejiaDev\LarapexCharts\LarapexChart;

然后在您的视图中（Blade文件）添加

 <!doctype html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport"
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Chart Sample</title>
 </head>
 <body>
 
     {!! $chart->container() !!}
 
     <script src="{{ $chart->cdn() }}"></script>
 
     {{ $chart->script() }}
 </body>
 </html>

复杂示例

$chart = (new LarapexChart)->setType('area')
        ->setTitle('Total Users Monthly')
        ->setSubtitle('From January to March')
        ->setXAxis([
            'Jan', 'Feb', 'Mar'
        ])
        ->setDataset([
            [
                'name'  =>  'Active Users',
                'data'  =>  [250, 700, 1200]
            ]
        ]);

您可以创建各种图表，包括：线形图、区域图、条形图、水平条形图、热力图、饼图、环形图和径向条形图。

贡献

作者Ariel Mejia Dev。

许可证

MIT

支持项目

嘿 👋 感谢您考虑捐赠，这些捐赠使我能够继续为开源项目做出贡献。

未来版本路线图

添加blade指令 @apexchartscdn
添加blade指令 @script($chart)
为图表添加链式选项设置器
更新Github Actions以运行测试
整体更新包以实现更高效和现代的实践（spatie骨架包）
添加ReactJS + Inertia支持
添加更多复杂图表
使用Laravel/Prompts添加更多复杂模板代码
使用Laravel Trends Package添加更多复杂模板代码示例

arielmejiadev / larapex-charts

维护者

详细信息

README

安装

用法

基本示例

复杂示例

更多示例

贡献

许可证

支持项目

未来版本路线图