图表图表详解
进度条
进度条
进度条
进度条类型图表包含进度条、环形精度条、计量图、水球
进度条
进度条图表组件是一款基于SVG(loading.io)的非ECharts图表组件, 可配置选项和样式可调的效果会不如ECharts类图表
| 设计区 | 图表 | 要求 |
|---|---|---|
| 行维 | x 轴 | 放置 0 个或者多个维度节点 |
| 列维 | y 轴 | 放置 0 个或者多个维度节点 |
| 指标 | 值 | 放置 1 个或多个指标节点，增加第二个指标列维最大值，按指标位置匹配最大值 |
样式配置
进度条风格
如果改变风格不能实时变更，可以尝试点击预览强制更新
环形进度条
环形进度条ECharts图表，支持一次绘制多个进度环, 与
| 设计区 | 图表 | 要求 |
|---|---|---|
| 行维 | x 轴 | 放置 0 个或者多个维度节点 |
| 列维 | y 轴 | 放置 1 个或者多个维度节点, 用于拆分指标 |
| 指标 | 值 | 放置 1 个或多个指标节点，增加第二个指标列维最大值，按指标位置匹配最大值 |
- 可通过列维配置指标拆解，或多指标配置实现多进度条
- 支持动态最大值配置，可以按位置匹配最大值，如下图两个指标，仅第一个指标配置了最大值
样式配置
- 圆环颜色：多个进度环图时，圆环颜色由调色板控制
- 环线宽度：控制进度条宽度
- 半径：以网格百分比为单位控制圆环在网格中的大小
- 背景色：进度槽的颜色
- 最大值：配置静态最大值
- 值位置偏移：控制圆环中间百分比指标的位置
- 标题名称：单个进度环显示时名称配置
- 标题位置：控制圆环中名称的位置
- 布局-拆分：控制多图拆分行列
计量图
| 设计区 | 图表 | 要求 |
|---|---|---|
| 行维 | x 轴 | 放置 1 个或者多个维度节点, 用于计算同环比 |
| 列维 | y 轴 | 放置 1 个或者多个维度节点, 用于拆分指标 |
| 指标 | 值 | 放置 1 个或多个指标节点，增加第二个指标列维最大值，按指标位置匹配最大值 |
样式配置
- 轴样式-类别刻度，刻度盘样式: 如果刻度出现小数点可以通过类别轴刻度格式化配置
- 标题、指标值、统计值(同环比): 支持上下偏移配置
- 统计值间距: 控制值间间距
水球图
水球图以水球的容量代表进度，最大值可以来自动态指标(增加第二个指标栏位最大值)，如果不配置动态指标也可以设置静态最大值
| 设计区 | 图表 | 要求 |
|---|---|---|
| 行维 | x 轴 | 放置 0 个或者多个维度节点 |
| 列维 | y 轴 | 放置 0 个或者多个维度节点 |
| 指标 | 值 | 放置 1 个指标节点，增加第二个指标列维最大值 |
