从通过控制器发送的结果中动态填充morris.js图表的方法如下:
<div id="chart-container"></div>
var data = [
{ x: '2019-01-01', y: 100 },
{ x: '2019-02-01', y: 150 },
{ x: '2019-03-01', y: 200 },
// ...
];
var jsonData = JSON.stringify(data);
return Json(jsonData);
$.ajax({
url: '/controller/action',
method: 'GET',
success: function(response) {
var chartData = JSON.parse(response);
// 在这里调用填充图表的函数
fillChart(chartData);
}
});
function fillChart(data) {
Morris.Line({
element: 'chart-container',
data: data,
xkey: 'x',
ykeys: ['y'],
labels: ['Y'],
// 可以根据需要设置其他配置选项
});
}
以上步骤将从控制器发送的结果动态填充到morris.js图表中。请注意,这只是一个基本的示例,你可以根据自己的需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云