图表组件如何修改图例名称
本帖最后由 Bella.Yuan 于 2022-1-26 15:15 编辑本帖只针对属性面板开启“显示数值名称“
我们在使用ARJS进行报表设计的过程中,有时需要使用到图表组件进行柱状图等图形的具体绘制以及对应图例的展示,但图例的具体展示内容有时不一定是字段名称,有时是别的名称也就是需要给该字段起别名,那针对这个问题,我们如何操作呢?本帖就来详细介绍一下。
具体实现过程
1、先绑定数据并拖动图表组件至编辑区域;然后给柱状图绑定数据并打开属性面板的“显示数值名称”,如下图示:
2、根据我的数据及需求,目前纵轴需要使用“数量*单价“来表示价格,那如何操作呢,我们可以先给选中纵轴的数量, 在右边属性面板设置数值内容为数量*单价,如下图示:
3、为查看图表数据是否正确显示,我拖动了表格组件并绑定数据来进行验证,如下图示:
4、预览查看报表内容是否正确,如下图示,结果均正确显示,但是图例的名称需要修改,那如何修改图例名称呢,见步骤5
5、修改图例名称,针对此种情况,我们可以在数据集中针对字段进行重命名,如下图示:
1)先点击编辑数据集,然后在弹出的页面打开查询字段,如下图示:
2)在点击计算字段的“+”,对字段进行计算,如下图示,本例需要计算“数量*单价”,所以修改后字段值为表达式{数量 * 单价},具体表达式编写以实际情况为主
3)直接点击保存,不要点击验证,保存后可以看到数据集中已存在新字段,名为金额
4)然后删除纵轴的数据字段,重新绑定金额字段,接着选中纵轴的数据字段金额,在右边属性面板修改数值和聚合方式,根据实际情况进行修改,其中,若数值已加聚合函数,则聚合方式可以默认是“无”,数值的聚合函数和聚合方式下的聚合函数两者选一即可
5)预览报表,如下图示,图表数据争取显示且图例名称已修改。
6)最后删除表格组件,至此,图表修改名称介绍完毕,下面附上我的demo,欢迎大家一起交流哦!
页:
[1]