仪表盘组件库
仪表盘设计器「组件」页签中的全部区块类型(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/…;缩放方式:完整显示、铺满裁切、拉伸填充 |
| 嵌入报表 | 报表 | 只能选择网格报表或单据,不能选仪表盘(会无限递归);被嵌报表使用本页筛选栏的参数,并自动隐藏自己的工具栏和查询表单 |
示例
把一个已有的柱状图改成折线图:
- 选中柱状图,在右栏标题栏点击「更换组件类型」下拉,选择「折线图」。
- 数据集、维度、指标保持不变,图形立即变为折线。
- 需要按月看趋势时,把「时间粒度」设为「按月」,无需修改数据集 SQL。
注意事项
注意:明细表对「查看明细」这类动作有独立配置,见 仪表盘的联动与钻取。
提示:数据量较大时,图表、地图、排行榜的聚合由数据库完成(页面设置中的「聚合下推」,默认「优先下推(推荐)」)。切换取数方式后,类目顺序、空值分组可能略有不同。