Javascript 以HTML格式发送Chart.js,然后通过ajax进行渲染
我想知道是否可以通过AJAX方法发送HTML(包含多个图表),然后呈现它们。我似乎运气不太好,而且我在网上找不到太多使用这种方法的人。如果您有任何意见,我将不胜感激 以下是我的AJAX函数:Javascript 以HTML格式发送Chart.js,然后通过ajax进行渲染,javascript,ajax,laravel,chart.js,Javascript,Ajax,Laravel,Chart.js,我想知道是否可以通过AJAX方法发送HTML(包含多个图表),然后呈现它们。我似乎运气不太好,而且我在网上找不到太多使用这种方法的人。如果您有任何意见,我将不胜感激 以下是我的AJAX函数: $.ajax({ url: "/admin/expensereport/getgraphs", type: 'GET', data: { dateFrom: $("#dateFrom").val(), dateTo:$("#dateTo").val(),
$.ajax({
url: "/admin/expensereport/getgraphs",
type: 'GET',
data: { dateFrom: $("#dateFrom").val(), dateTo:$("#dateTo").val(),
expenseBuildingType: $("input[name='expenseBuildingType']:checked").val(),
expenseScheduledType: $("input[name='expenseScheduledType']:checked").val()},
cache: false,
success: function(data) {
$('#graphsDiv').html(data);
},
下面是我的PHP Laravel函数,其中包含3个图形之一:
$chartCategories = app()->chartjs
->name('chartCategories')
->type('pie')
->size(['width' => 400, 'height' => 200])
->labels(['Label x', 'Label y'])
->datasets([
[
'backgroundColor' => ['#FF6384', '#36A2EB'],
'hoverBackgroundColor' => ['#FF6384', '#36A2EB'],
'data' => [69, 59]
]
])
->options([]);
$view = View::make('partials.CPM.expensereportgraphs', [
'chartCategories' => $chartCategories,
]);
以下是我的观点摘录:
<div class="col-md-6">
<h4>Top 10 Categories</h4>
{!! $chartCategories->render() !!}
</div>
十大类
{!!$chartCategories->render()!!}
我通过另一条路线设法解决了这个问题。我在html页面文件中创建了图表,然后通过AJAX发送数据。我想这种方法实际上要好得多