# 内容配置-玉珏图
# 数据格式
接口配置的数据格式:【系统管理】-【接口管理】-【接口配置】菜单编辑
接口配置信息同饼图,value 和 name 不可缺少
玉珏图是由两个极坐标系的柱状图重叠,从而达到效果的。玉珏图的数据需要进行处理,所以严格要求按照 value 和 name 来配置参数字段,在后续处理中将各模块的数据进行解析并展示。
配置的假数据和接口返回数据格式必须正确,rest接口必须返回json格式,webservervice接口返回xml格式,如格式不正确将无法正确显示
rest接口json格式假数据示例:
// key 对应【编辑接口】中的【参数字段】
{
"code": 200,
"data": [{
"value": 1048,
"name": "Search Engine"
},
{
"value": 735,
"name": "Direct"
},
{
"value": 580,
"name": "Email"
}
]
}
# 数据源配置
参照数据源配置。
# 过滤配置
参照过滤配置。
# 包装配置
参照包装配置。
# 基础设置
基础设置里面选择对应的字段映射关系,即可渲染成图形。
- 图表宽度: 设置整个玉珏图组件的宽度。
- 数值字段: 根据接口配置的出参,设置对应玉珏图组件中数值的key,echarts本身使用的数值字段为value。
- 名称字段: 根据接口配置的出参,设置对应玉珏图组件中名称的key,echarts本身使用的数值字段为name。
# 标题设置
参照图表公共配置项-标题设置。
# 副标题设置
# 提示设置
- 文字大小
- 文字粗细
- 文字颜色
# 玉珏图设置
极坐标系上的柱状图。
- 是否百分比玉珏图:开启以后,最大值为总和,不开启的话,最大值为返回数据中最大的一项。
- 内外半径:设置柱条分布的范围。
- 柱条宽度
- 文字大小:柱条说明文本的大小。
- 文字粗细
- 文字颜色