使用Ajax刷新Laravel图表

使用Ajax刷新Laravel图表,laravel,charts,chart.js,Laravel,Charts,Chart.js,我正在尝试使用laravel图表库在网页(laravel)中实现一个图表。 当前,我能够使用 {!! $chart->container() !!} 在视图中 chart = new SampleChart; $chart->dataset('Sample Test', 'bar', [3,4,1]); $chart->dataset('Sample Test', 'line', [1,4,3]); return $chart->api(); 我想写一个js函数,每

我正在尝试使用laravel图表库在网页(laravel)中实现一个图表。 当前,我能够使用

{!! $chart->container() !!} 
在视图中

chart = new SampleChart;
$chart->dataset('Sample Test', 'bar', [3,4,1]);
$chart->dataset('Sample Test', 'line', [1,4,3]);
return $chart->api();
我想写一个js函数,每分钟刷新一次图表数据

在laravel图表文档中,他们提供了如下代码,因此它将向视图返回我们需要的值

chart = new SampleChart;
$chart->dataset('Sample Test', 'bar', [3,4,1]);
$chart->dataset('Sample Test', 'line', [1,4,3]);
return $chart->api();
js

我不知道的是,在哪里使用tese函数以及如何使用这些刷新函数来刷新图表? 从那以后,我们是否必须替换{{{$chart->id}}的{u api_url部分;以上提到的js中有哪些

我是拉威尔的新手。如果您熟悉使用拉威尔图表,请让我知道如何解决这个问题

文档url


谢谢。

因此,要使用刷新功能,您需要一个控制器,该控制器具有将数据作为json返回的方法

因此,创建一个新的控制器方法:

公共函数chartApi(){
$chart=新样本图表;
$chart->dataset('Sample Test','bar',[3,4,1]);
$chart->dataset('Sample Test','line',[1,4,3]);
返回$chart->api();
}
并为其添加路线:

Route::get('chart-data',['uses'=>'YourController@chartApi']);
然后,在呈现图表视图的控制器中:

$chart=新SampleChart;
$api=url('/chart data');
$chart->labels(['test1','test2','test3'])->load($api)
返回视图('yourview',['chart'=>$chart]);

您好,非常感谢您只需再澄清一件事。在var-original_-api_-url={{$chart->id}}}u-api_-url;{{$chart->id}}{u刷新(原始的api\u url);那些文件,我们必须替换_api_url的值吗?目前,它给出了一个错误,说它没有定义。我还没有使用加载函数。这就是问题所在。它修好了。你真是太棒了。