# 内容配置-玉珏图

# 数据格式

  • 接口配置的数据格式:【系统管理】-【接口管理】-【接口配置】菜单编辑

    接口配置信息同饼图,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。

# 标题设置

参照图表公共配置项-标题设置

# 副标题设置

参照图表公共配置项-副标题设置

# 提示设置

玉珏图提示设置

  • 文字大小
  • 文字粗细
  • 文字颜色

# 玉珏图设置

极坐标系上的柱状图。

玉珏图设置

  • 是否百分比玉珏图:开启以后,最大值为总和,不开启的话,最大值为返回数据中最大的一项。
  • 内外半径:设置柱条分布的范围。
  • 柱条宽度
  • 文字大小:柱条说明文本的大小。
  • 文字粗细
  • 文字颜色

# 链接跳转设置

参照图表公共配置项-链接跳转设置

# 自定义属性设置

参照图表公共配置项-自定义属性设置