# 内容配置-环形图

# 数据格式

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

    柱形接口配置

    环形图需要添加中心文本,可以加入其他字段,并且在中心文本配置中选择需要展示的文字,但是值和名称字段不可更改,需要使用固定的格式。

配置的假数据和接口返回数据格式必须正确,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) 的时候仍显示扇区。

# 中心文本设置

环形图中心显示文字信息,文本由三部分组成,前缀和内容还有后缀,通过对接口返回内容进行字段映射配置,显示需要的信息。

中心文本设置

  • 前缀文本:从接口返回的字段中,选择需要展示的前缀文本。
  • 显示值
  • 后缀文本
  • 文本颜色、大小、粗细

# 链接跳转设置

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

# 自定义属性设置

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