# 饼图

支持通过饼图的形式展现表格中的数据。

# 概念说明

# 属性

# 基础信息

  • 组件名称:由字母、数字和下划线组成,用于在表达式中引用、权限上报等场景。
  • 是否控制权限:可根据角色设置权限,对无权限的角色的用户隐藏该组件,设置权限前,必须先设置组件名称。
  • 条件:可通过表达式设置组件显示的条件,当条件为True时显示,为False时隐藏该组件。

# 数据属性

数据源:数据图表的数据源,可选用List<T>或Pageof<T>类型的变量,或输出参数为List<T>或Pageof<T>类型数据的逻辑作为数据源。

# 维度指标

  • 维度:设置维度值。

  • 指标:设置指标值,饼图仅支持设置单指标。

# 图表基础

  • 宽度:图表宽度,单位为px。
  • 高度:图表高度,单位为px。
  • 标题:图表主标题。
  • 配色方案:可选科技、清新、淡雅、经典共4个配色方案。
  • 显示维度标签:开启后可实时显示饼图维度标签,默认开启。
  • 显示数值标签:开启后可实时显示饼图数值,默认开启。
  • 显示占比标签:开启后可实时显示饼图占比,默认开启。
  • 显示提示:开启后鼠标悬停在某饼图数据时,会显示该组数据值,默认开启。
  • 显示图例:开启后会给出各个维度标签对应的颜色,默认开启。

# 字体

  • 标题文字字号:设置图表主标题字号,默认为18。
  • 标题文字字体风格:设置主标题文字风格,可选择正常和斜体,默认为正常。

# 图表功能

允许下载:设置是否允许用户保存图表为图片,默认开启。

# 工具属性

  • 工具提示:设置提示内容。
  • 工具提示弹出方向:设置提示的弹出方向。

工具属性实现效果如下:

image-20210715161451703

# 事件

饼图组件不支持设置事件。

# 样式

样式说明请参见组件通用说明

# 注意事项

  • 数据图表组件仅对输入数据进行展示,不做数据处理,如果有相关统计请在输入图表数据前进行计算。
  • 枚举类型数据作为维度或指标时,只能展示枚举值,无法展示标题。如需要展示中文内容,建议在数据录入图表前提前处理。

# 示例

数据源包含性别(sex)和数量(count)两个字段,需要使用饼图展示一组数据中男女的性别比例。

  1. 定义饼图的数据源,数据源可选用List<T>或Pageof<T>类型的变量,或输出参数为List<T>或Pageof<T>类型数据的逻辑作为数据源。

    image-20221221165514523

  2. 定义维度和指标所指向的值。如下图中,sex指代性别,count指代数量。

    image-20221221165635160

  3. 发布应用后实现效果如下,可支持显示数量(count)占比,鼠标移动到对应模块上后可显示具体的指标数量。

    image-20221221164603959

    image-20221221170133687

上次更新: 2023年06月15日