星星没有救赎 发表于 2024-11-13 17:39:06

饼图功能实现


您好,我想问下上图的效果该怎么实现呢?就是假如一天用了2000元,这个单项占了500元,该怎么实现呢
下图是我绑定后预览的,没有实现这个效果

Bella.Yuan 发表于 2024-11-14 12:01:04

您好,因为饼图是需要绑定分类和字段来达到将饼图划分成分类的个数,针对您上面的需要,直接看无法实现,因为我不知道您的实际数据是怎样的,我这边用我本地的数据模拟做了个效果,您可以看看。
方法1:使用饼图,添加一个计算字段,我这里以地区字段为例,我只想看华北的,所以我表达式只设置了华北的值,然后将这个计算字段绑定到分类,绑定数值,可以看到对应的效果图。

方法2:使用仪表盘,数据字段绑定数量的第一个值,因为我只有一个数据集,可以默认不写first函数,然后选中绘图区域设置仪表盘,我这里设置了2个,就对应3个区间,具体参考下图。

仪表盘参考地址:https://developer.mescius.com/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/gauge

目前根据您的需求,感觉仪表盘是不是会比饼图效果更好,仪表盘的数据字段使用表达式配合ToArray函数来去对应索引的值,这样应该可以,您试试看。


页: [1]
查看完整版本: 饼图功能实现