文档首页 / 仪表盘组件库

仪表盘组件库

仪表盘设计器「组件」页签中的全部区块类型(10 种图表、指标卡、排行榜、明细表、地图、文本、富文本、图片、嵌入报表)及其属性说明。

概述

仪表盘设计器左栏的「组件」页签列出全部可放置的区块,共 18 项:10 种图表加 8 种其他组件。点击一项会把它加到当前页签末尾,也可以拖到画布上的目标位置。选中区块后,右栏的属性面板标题栏有「更换组件类型」下拉,切换类型时数据配置会保留。

功能入口

报表设计 > 打开或新建仪表盘 > 设计器左栏「组件」页签。

组件清单

组件 类型 是否取数 适用场景
柱状图 图表 是 类别对比、构成堆叠
折线图 图表 是 趋势变化
面积图 图表 是 趋势加累积量
饼图 图表 是 占比构成,可设为环形
漏斗图 图表 是 逐级转化
仪表盘(仪表图) 图表 是 单值进度
雷达图 图表 是 多指标对比
散点图 图表 是 两个数值字段的分布关系
涟漪散点图 图表 是 带动效的散点图
桑基图 图表 是 起点到终点的流向,需起点、终点、流量三个字段
指标卡 其他 是 关键单值,含涨跌、红线、目标进度、迷你趋势
排行榜 其他 是 TOP N:序号、名称、条形与数值
明细表 其他 是 原样列出结果集
地图 其他 是 按地区填色或气泡
文本 其他 否 标题、说明文字
富文本 其他 否 带格式的说明、链接
图片 其他 否 Logo、示意图
嵌入报表 其他 否 把一张网格报表或单据嵌入仪表盘

提示:图表组件里的「仪表盘」是仪表图(gauge)类型,与「仪表盘」这种报表形态不是一回事。

数据绑定属性

选中取数类组件后,右栏「数据集」下拉选择数据集,再绑定字段。字段栏的名称随组件而变:

属性 说明 适用组件
数据集 组件取数的数据集,未选择时下面的字段无法选择 图表、地图、指标卡、排行榜、明细表
维度 分类字段(横轴、扇区、名称) 图表、排行榜;散点图显示为「X 轴字段」;桑基图显示为「起点字段」;地图显示为「地区字段」
指标 数值字段 图表、排行榜;散点图显示为「Y 轴字段」;桑基图显示为「流量字段」;指标卡显示为「数值字段」
聚合方式 求和、平均值、最大值、最小值、计数、去重计数 图表、地图、排行榜、指标卡
终点字段 每行数据画一条从起点到终点的流向,线的粗细取流量字段 桑基图
时间粒度 把维度字段按日、周、月、季、年分桶后重新聚合;不分组时原样显示 图表;维度字段应为日期类型,否则分桶认不出值

注意:明细表不读取维度、指标、聚合方式,其列由结果集自动推断,需要调整列名、列宽、冻结列、数值与日期格式时,使用「配置列」。

注意:只有图表、地图、排行榜会做聚合(分组求和、计数等)。明细表把结果集原样列出,指标卡取第一行的一个数或聚合后的一个数。

图表通用属性

属性 说明 取值/默认值
指标显示名 显示在图例和悬浮提示里,不填则用字段名 文本
分色字段 同一个指标按这一列的值分颜色并进图例;配了分色字段后,附加指标不生效 不分色
附加指标 在主指标之外追加指标,可设左轴或右轴、图形(柱状、折线)、角色(对比、参考线、背景带)、线型(实线、虚线、点线) 见下方说明
横向条形 类目在纵轴、数值在横轴;有指标使用右轴时不生效 关
堆叠 多个指标(或分色字段的各类)堆在同一根柱上;使用右轴的指标不参与堆叠;柱状图默认堆叠显示 见界面
显示数值 柱顶或条尾直接写出数值;堆叠时写每根柱的合计;折线不写 关
单位 数值轴轴名与悬浮提示的后缀,如「万元」「人次」 文本
类目标签 类目多时自动隔一个显示;可选「全部显示」强制每个都画 自动、全部显示
倾斜角度 / 最大宽度 类目标签倾斜角度,以及超过该宽度则截断(完整文字仍在悬浮提示里) 不填不限制
缩写成万 开:整列数值都达到万级时显示为「133 万人次」;关:一律使用千分位,如 1,282,811 见界面
小数位 作用于缩写后的数值 数值

附加指标的说明:

  • 「右轴」用于量级相差较大的指标,如「人次」和「占比」。
  • 角色「参考线」取该指标第一个有值的点画一条横线,如同级医院均值;角色「背景带」把值不为 0 的类目标成浅色底,如周末。参考线和背景带不进图例,也不参与堆叠。

饼图专有属性:

属性 说明 取值/默认值
环形 中间留空,可以显示合计 关
中心文案 环形时中心显示的内容 不显示、显示合计;合计标题默认「合计」
内径 / 外径 留空则普通饼用 ECharts 默认值,环形用 48% / 72% 如 48% / 72%
中心位置 留空用默认居中 水平、垂直,如 50%
排序 按数值给类目排序 不排序、数值从大到小、数值从小到大
只显示前 N 0 表示全部显示 数值
其余合并为 留空则前 N 之外的不显示;填了则合并成一类、值相加。平均值等不能相加的指标只截断、不合并 如「其他」

指标卡属性

属性 说明 取值/默认值
数值字段 / 聚合方式 主数值;聚合方式不选则取第一行 见上表
单位、小数位、强调色 显示格式 文本、数值、颜色
指标方向 同时作用于主数值、涨跌幅、红线余量和目标进度的配色 正向(越大越好)、逆向(越小越好,如平均住院日)、中性(不判好坏,只显示涨跌幅)
对比字段 / 涨跌口径 提供涨跌幅;未配置对比字段则不显示涨跌幅 百分比(▲ 8.3%)、绝对值(▼ 0.4 天)
副指标 在涨跌幅旁补充一个数值,如「日均 6,930」;建议同时填写名称 不显示
对比口径说明 固定文字,不随数据变化,如「较去年同期」;配置了副指标时会被副指标占位 文本
红线 数值接近或超过红线时变色,并在卡片上显示余量 不设、上限(不得超过)、下限(不得低于)
目标 / 对标值、对标口径名 目标进度或对标值,可用固定值或字段 用固定值
趋势数据集 / 趋势字段 / 趋势取值 迷你趋势。本数据集:用数据集所有行画趋势,主数值改为取自这条序列;其他数据集:趋势单独取数。SQL 请按时间正序排列 趋势取值:序列末端(库存、在院人数这类时点量)、序列合计(销售额、订单量这类累计量)

排行榜、明细表与地图

组件 属性 说明
排行榜 只看前几名 0 表示全部显示;上限 50;组件高度不够时需滚动查看
排行榜 单位 数值后缀
明细表 配置列 分组表头、表头名、列宽、冻结列、数值与日期格式
明细表 点整行 / 按列配置 点击行的效果:查看明细、跳转报表、发送事件到宿主页面;按列配置优先于整行设置,选「不响应」可把该列排除
地图 地区字段 值需与地图名称一致,如「浙江省」而不是「浙江」
地图 展示方式 区域填色、点位(气泡);气泡位于各地区行政中心,面积表示指标大小,无法定位的地区会在组件上列出
地图 初始范围 全国或某个省份;另收录部分区县底图
地图 区域标签 不显示、只显示名称、名称 + 数值

文本、富文本、图片与嵌入报表

组件 属性 说明
文本 内容、字号、对齐、颜色 对齐:左对齐、居中、右对齐;颜色:正文、次要、主色、警示,颜色跟随主题;可加粗
富文本 编辑内容 支持字体、颜色、列表、对齐和超链接;富文本中的数字不会随数据刷新,动态数值请用指标卡或图表
图片 图片地址、缩放方式、替代文本、点击跳转 地址支持 https://… 或 data:image/…;缩放方式:完整显示、铺满裁切、拉伸填充
嵌入报表 报表 只能选择网格报表或单据,不能选仪表盘(会无限递归);被嵌报表使用本页筛选栏的参数,并自动隐藏自己的工具栏和查询表单

示例

把一个已有的柱状图改成折线图:

  1. 选中柱状图,在右栏标题栏点击「更换组件类型」下拉,选择「折线图」。
  2. 数据集、维度、指标保持不变,图形立即变为折线。
  3. 需要按月看趋势时,把「时间粒度」设为「按月」,无需修改数据集 SQL。

注意事项

注意:明细表对「查看明细」这类动作有独立配置,见 仪表盘的联动与钻取。

提示:数据量较大时,图表、地图、排行榜的聚合由数据库完成(页面设置中的「聚合下推」,默认「优先下推(推荐)」)。切换取数方式后,类目顺序、空值分组可能略有不同。

相关文档

联系我们

请填写您的信息,我们将在 1 个工作日内与您联系。