# 饼图
支持通过饼图的形式展现表格中的数据。
# 概念说明
# 属性
# 基础信息
- 组件名称:由字母、数字和下划线组成,用于在表达式中引用、权限上报等场景。
- 是否控制权限:可根据角色设置权限,对无权限的角色的用户隐藏该组件,设置权限前,必须先设置组件名称。
- 条件:可通过表达式设置组件显示的条件,当条件为True时显示,为False时隐藏该组件。
# 数据属性
数据源:数据图表的数据源,可选用List<T>或Pageof<T>类型的变量,或输出参数为List<T>或Pageof<T>类型数据的逻辑作为数据源。
# 维度指标
维度:设置维度值。
指标:设置指标值,饼图仅支持设置单指标。
# 图表基础
- 宽度:图表宽度,单位为px。
- 高度:图表高度,单位为px。
- 标题:图表主标题。
- 配色方案:可选科技、清新、淡雅、经典共4个配色方案。
- 显示维度标签:开启后可实时显示饼图维度标签,默认开启。
- 显示数值标签:开启后可实时显示饼图数值,默认开启。
- 显示占比标签:开启后可实时显示饼图占比,默认开启。
- 显示提示:开启后鼠标悬停在某饼图数据时,会显示该组数据值,默认开启。
- 显示图例:开启后会给出各个维度标签对应的颜色,默认开启。
# 字体
- 标题文字字号:设置图表主标题字号,默认为18。
- 标题文字字体风格:设置主标题文字风格,可选择正常和斜体,默认为正常。
# 图表功能
允许下载:设置是否允许用户保存图表为图片,默认开启。
# 工具属性
- 工具提示:设置提示内容。
- 工具提示弹出方向:设置提示的弹出方向。
工具属性实现效果如下:
# 事件
饼图组件不支持设置事件。
# 样式
样式说明请参见组件通用说明。
# 注意事项
- 数据图表组件仅对输入数据进行展示,不做数据处理,如果有相关统计请在输入图表数据前进行计算。
- 枚举类型数据作为维度或指标时,只能展示枚举值,无法展示标题。如需要展示中文内容,建议在数据录入图表前提前处理。
# 示例
数据源包含性别(sex)和数量(count)两个字段,需要使用饼图展示一组数据中男女的性别比例。
定义饼图的数据源,数据源可选用List<T>或Pageof<T>类型的变量,或输出参数为List<T>或Pageof<T>类型数据的逻辑作为数据源。
定义维度和指标所指向的值。如下图中,sex指代性别,count指代数量。
发布应用后实现效果如下,可支持显示数量(count)占比,鼠标移动到对应模块上后可显示具体的指标数量。