如何解决ARAVEL控制台/图表:5动态图表值
我已经实现了consoletvs / charts:5。效果很好,但我添加了日期输入按钮以过滤过去7天的数据,当我在控制台中登录时可以正确获取数据,但是ii在将新值附加到图表并清除刀片上显示的上一个。 jQuery代码在下面
<script>
$(document).ready(function() {
$("#from").change(function() {
var date = $("input[name=from]").val();
console.log(date);
$.post("{{ url('/chartapi') }}",{
_token: "{{ csrf_token() }}",date
},function(result) {
$("#chart").empty();
console.log(result);
});
});
});
</script>
下面显示默认图表的刀片的代码
<div class="col-md-12" id="chart">
{!! $chart->html() !!}
</div>
我使用jquery返回的数据的控制器代码如下
public function apichart(request $request){
if ($request->date != null) {
$date=$request->date;
$date=Carbon::createFromFormat('Y-m-d',$date);
}else{
$date = Carbon::today();
}
$date->subDays(7);
$callbiz = mail::where('created_at','>',$date->toDateTimeString())->get();
$index['chart'] = Charts::database($callbiz,'bar','highcharts')
->title("Callbiz Chart")
->elementLabel("Value")
->responsive(true)
->groupByDay();
return ($index);
}
默认图表的图像如下 enter image description here
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。