饼图未加载,但标签是

时间:2018-05-10 12:28:57

标签: javascript laravel chart.js

我在Laravel中使用Chart.js来显示数据。

我正在关注适用于条形图的this教程。但现在我正在尝试一个饼图。

这是我的控制器,它获取数据。

IOResult

视图就是这个

A.filter(ioResult => ioResult.status.isSuccess)
 .foreach { _ =>
   val B : Future[IOResult] = 
     FileIO
       .fromPath(filePath, readOptions)
       .to(someProcessingOfB)
       .run()
 }

这是输出 enter image description here

1 个答案:

答案 0 :(得分:1)

根据ChartJS documenation,饼图传递的预期数据仅为数字。以下是应该有效的数据集示例:

data = {
    datasets: [{
        data: [10, 20, 30]
    }],

    // These labels appear in the legend and in the tooltips when hovering different arcs
    labels: [
        'Red',
        'Yellow',
        'Blue'
    ]
};

目前,您的Ajax请求是从/users路由获取名称和电子邮件;您需要更新请求以从/users获取某种数字值并将其添加到数据集中。