update at 2026-01-21 19:12:11
This commit is contained in:
@@ -14,7 +14,7 @@
|
|||||||
5. Json中不用关注是第几层,按配置的rinner,router等参数绘制即可。
|
5. Json中不用关注是第几层,按配置的rinner,router等参数绘制即可。
|
||||||
|
|
||||||
## Json文件配置
|
## Json文件配置
|
||||||
1. json字段配置说明
|
### json字段配置说明
|
||||||
|
|
||||||
### 罗盘级别参数(根级别)
|
### 罗盘级别参数(根级别)
|
||||||
| 参数名 | 类型 | 必填 | 说明 | 示例 |
|
| 参数名 | 类型 | 必填 | 说明 | 示例 |
|
||||||
@@ -50,6 +50,7 @@
|
|||||||
| mode | string | 是 | 刻度线模式:"inner"、"outer"或"both" | "both" |
|
| mode | string | 是 | 刻度线模式:"inner"、"outer"或"both" | "both" |
|
||||||
| opacity | number | 是 | 圆环透明度(0.0-1.0) | 0.3 |
|
| opacity | number | 是 | 圆环透明度(0.0-1.0) | 0.3 |
|
||||||
| tickLength | number | 是 | 刻度线长度,单位:像素 | 6 |
|
| tickLength | number | 是 | 刻度线长度,单位:像素 | 6 |
|
||||||
|
| tickLengthStep | number | 否 | 刻度线长度差,minorTick比majorTick短此值,microTick再短此值,0表示长度相同 | 1 |
|
||||||
| majorTick | number | 是 | 主刻度间隔(度) | 10 |
|
| majorTick | number | 是 | 主刻度间隔(度) | 10 |
|
||||||
| minorTick | number | 是 | 次刻度间隔(度) | 5 |
|
| minorTick | number | 是 | 次刻度间隔(度) | 5 |
|
||||||
| microTick | number | 是 | 微刻度间隔(度) | 1 |
|
| microTick | number | 是 | 微刻度间隔(度) | 1 |
|
||||||
@@ -82,7 +83,7 @@
|
|||||||
- 1个单元:100%;2个:[0.5, 0.5];3个:[0.25, 0.5, 0.25];4个:[0.2, 0.3, 0.3, 0.2];5个以上:平均
|
- 1个单元:100%;2个:[0.5, 0.5];3个:[0.25, 0.5, 0.25];4个:[0.2, 0.3, 0.3, 0.2];5个以上:平均
|
||||||
- 单元内自动计算字体大小,单元间无分割线
|
- 单元内自动计算字体大小,单元间无分割线
|
||||||
|
|
||||||
2. 扇区背景色着色原则:
|
### 扇区背景色着色原则:
|
||||||
最高优先级,在layer中指定colorRef
|
最高优先级,在layer中指定colorRef
|
||||||
第二优先级:colorRef规律填色,也就是说,如果同一个sector中指定了colorRef,该sector也指定了layer级别的colorRef,以前者为准,innerFill使用相同规则。
|
第二优先级:colorRef规律填色,也就是说,如果同一个sector中指定了colorRef,该sector也指定了layer级别的colorRef,以前者为准,innerFill使用相同规则。
|
||||||
参数:
|
参数:
|
||||||
@@ -170,7 +171,7 @@
|
|||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
2. 中心icon配置参数,该icon正向指北,可旋转
|
### 中心icon配置参数,该icon正向指北,可旋转
|
||||||
rIcon -- 半径
|
rIcon -- 半径
|
||||||
opacity -- 圆的透明度
|
opacity -- 圆的透明度
|
||||||
name -- icon文件名svg,路径固定
|
name -- icon文件名svg,路径固定
|
||||||
@@ -184,7 +185,7 @@
|
|||||||
"name": "centericon.svg" -- SVG图标文件名,路径固定为 src/assets/icons/ 目录
|
"name": "centericon.svg" -- SVG图标文件名,路径固定为 src/assets/icons/ 目录
|
||||||
}
|
}
|
||||||
|
|
||||||
3. 360度刻度环配置参数:
|
### 360度刻度环配置参数:
|
||||||
rinner
|
rinner
|
||||||
router
|
router
|
||||||
showDegree -- 是否显示度数,0不限时,1显示,如显示按10度间隔显示
|
showDegree -- 是否显示度数,0不限时,1显示,如显示按10度间隔显示
|
||||||
|
|||||||
Reference in New Issue
Block a user