如何在仪表板中显示数据

Question

我有一个仪表板，上面显示了四个集装箱的总数。为此，我有四个聚合，它们返回总计数和标签，如下所示

​

​

在仪表板中，显示以下四个数据

​

​

对于我使用的每个表达式值，GetLarvaeDetails.List.Current.CountSum，GetPupaeDetails.List.Current.CountSum.

我的问题是，我正在进行四个查询调用并在仪表板中呈现它。有没有一种方法可以进行一个查询调用，它返回一个包含所有数据的表并通过循环呈现它，就像我们在角ngFor中所做的那样？

Update#1:我已经创建了一个聚合，如下所示，现在它作为一个表返回。如何在仪表板页面上呈现？

​

​

Update#2：

所以在这里，如果我使用表达式值作为GetContainerReport.List.Current.CountSum，它就不起作用了。如何只显示特定的计数？

​

​

Answer 1

您可以将List widget与List Item小部件一起使用。然后添加下面的CSS。

.list .list-item {
    float: left;
}

​

​

它将产生以下结果：

​

您可以向从聚合返回的列表中添加更多属性(即:颜色、图标名称)和CSS，使每个项看起来像您需要它们的样子。