历史版本2 :自定义图例显示内容 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

图表可以自定义图例标签显示内容,例如饼图的图例标签内容默认系列名。


可以在显示默认系列名基础上添加其它(字段)内容,让用户查阅起来更加直观,如下图所示:

2022-02-10_16-18-03.png


1.2 实现思路

图表属性面板数据>数据筛选>系列>公式形态下可自定义系列「形态显示」,如下图所示:



2. 示例编辑

2.1 准备数据

新建普通报表,添加内置数据集 ds1,分别记录不同货主地区的应付金额相关数据,如下图所示:

2022-02-10_16-39-57.png

2.2 插入图表

以单元格图表为例,合并一片单元格,插入饼图,如下图所示:

2022-02-10_16-41-26.png


2.3 绑定数据

选中图表,绑定图表数据如下图所示:

2022-02-10_16-43-18.png


2.4 自定义系列格式

1)图表属性面板数据>数据筛选>系列>公式形态

2022-02-10_16-45-45.png

公式代码如下:Value()函数介绍

CONCATENATE($$$,"  ",ROUND(SUM(VALUE("ds1",2,1,$$$)),2))

2)图表属性面板样式>标签>自定义

2022-02-10_16-48-45.png

自定义代码如下:

function(){ return this.seriesName.split(" ")[0]+" "+(this.percentage*100).toFixed(2)+"%";}


2.5 预览效果

1)PC 端

保存模板,点击分页预览,效果如下图所示:

2022-02-10_16-51-06.png


2)移动端

同时支持 App 和 H5 端预览,效果如下图所示:

WechatIMG1554.png


3. 模板下载编辑

点击下载模板:自定义图例标签内容.cpt