# 内容配置-环形图
# 数据格式
接口配置的数据格式:【系统管理】-【接口管理】-【接口配置】菜单编辑
环形图需要添加中心文本,可以加入其他字段,并且在中心文本配置中选择需要展示的文字,但是值和名称字段不可更改,需要使用固定的格式。
配置的假数据和接口返回数据格式必须正确,rest接口必须返回json格式,webservervice接口返回xml格式,如格式不正确将无法正确显示
rest接口json格式假数据示例:
// key 对应【编辑接口】中的【参数字段】
{
"code": 200,
"data": [{
"value": 1048,
"name": "中央区用电量",
"selected": true
},
{
"value": 735,
"name": "西北区用电量"
},
{
"value": 560,
"name": "东南区用电量"
},
{
"value": 250,
"name": "正北区用电量"
},
{
"value": 1150,
"name": "地下室用电量"
}
]
}
# 数据源配置
参照数据源配置。
# 过滤配置
参照过滤配置。
# 包装配置
参照包装配置。
# 基础设置
基础设置里面选择对应的字段映射关系,即可渲染成图形。
- 图表宽度: 设置整个环形图组件的宽度
- 数值字段: 根据接口配置的出参,设置对应环形图组件中数值的 key,echarts 本身使用的数值字段为 value
- 名称字段: 根据接口配置的出参,设置对应环形图组件中名称的 key,echarts 本身使用的数值字段为 name
- 值列 id: 该条数据的唯一 id
# 标题设置
参照图表公共配置项-标题设置。
# 副标题设置
# 图例设置
参照图表公共配置项-图例设置。
# 饼图设置
用于对饼图的展示做配置,其中内外半径需要开启环形时才可使用。
- 是否为环形
- 内半径
- 外半径
- 展示为南丁格尔玫瑰
- 扇区是否顺时针排布:默认逆时针排布
- 最小扇区角度:最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互。
- 展示标签的最小角度:最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互。
- 显示 0 扇区:是否在数据和为 0(一般情况下所有数据为 0) 的时候仍显示扇区。
# 中心文本设置
环形图中心显示文字信息,文本由三部分组成,前缀和内容还有后缀,通过对接口返回内容进行字段映射配置,显示需要的信息。
- 前缀文本:从接口返回的字段中,选择需要展示的前缀文本。
- 显示值
- 后缀文本
- 文本颜色、大小、粗细