SB Admin Laravel 5折线图数据

时间:2016-07-25 15:02:57

标签: laravel laravel-5.2

使用following包。资源/ views / mcharts.blade.php中显示了一个图表。代码如下;

@section ('cchart1_panel_title','Line Chart')
            @section ('cchart1_panel_body')
            @include('widgets.charts.clinechart')
            @endsection
            @include('widgets.panel', array('header'=>true, 'as'=>'cchart1'))

所以这段代码引用了widgets.charts.clinechart。查看该文件,代码如下:

这打印出一个漂亮的折线图:

linechart

从哪里获取此日期以绘制线条。我希望这来自控制器,但我似乎无法找到它。为线图提供来自我的应用程序的数据的正确方法是什么

2 个答案:

答案 0 :(得分:0)

这是javascript https://github.com/start-laravel/sb-admin-laravel-5/blob/master/resources/js/frontend.js

您可以使用Laravel创建api,然后使用ajax获取该数据。

答案 1 :(得分:0)

在laravel 5.4中,运行以下命令来安装composer以创建图表

composer require "consoletvs/charts:5.*"

然后,将以下内容添加到 config / app.php 文件提供程序

ConsoleTVs\Charts\ChartsServiceProvider::class,

然后,在您的 config / app.php 文件别名中添加以下内容

'Charts' => ConsoleTVs\Charts\Facades\Charts::class,

然后,在您的控制器文件

中使用以下代码
use Charts;
public function index()
{

    $chart= Charts::multi('areaspline', 'highcharts')
    ->title('My nice chart')
    ->colors(['#ff0000', '#ffffff'])
    ->labels(['January', 'February', 'March', 'April', 'May','June', 'July'])
    ->dataset('John', [3, 4, 3, 5, 4, 10, 12])
    ->dataset('Jane',  [1, 3, 4, 3, 3, 5, 4]);

    return view('User.chart',['chart'=>$chart]);
}

在名为 User / chart.blade.php 的刀片文件中,添加以下代码

<head>
{!! Charts::assets() !!}
</head>
<body>
    {!! $chart->render() !!}
</body>

Click here for demo