Skip to content

PieLevel 分级指标饼图

分级指标饼图示例,使用 <g-pie-level> 组件。

基础用法

直接使用 <g-pie-level> 标签,并传入图表数据即可。

size 尺寸

size 尺寸 xs, sm, md, lg,默认尺寸为 sm

直接使用 <g-pie-level> 标签,并传入图表数据即可。

type类型

type 类型 pie, ring, rose,默认类型为 ring

API

名称说明类型默认值
description空数据描述string暂无数据
typepie 饼图 ring 环图 rose 玫瑰图stringring
size尺寸 xs, sm, md, lg,stringsm
isMarkLine是否显示指引线booleantrue
MarkLineData指引线位置配置,(参考 Echarts Pie MarkLine Data 配置项array[[{ x: "32%", y: "32.5%" },{ x: "65%", y: "10%" }],[{ x: "32%", y: "67%" },{ x: "65%", y: "95%" }]]
options全部属性(参考Echarts Pie 配置项object
db-options自定义属性object

db-options API

名称说明类型默认值
dataField父级-数据指向字段string
axisField父级-指标指向字段string
columnstitle 名称,field 指向字段,unit 单位array
cDataField子级-数据指向字段string
cAxisField子级-指标指向字段string
cColumnstitle 名称,field 指向字段,unit 单位array
data图表数据配置object/array/string

data API

data 可以接受dataUrl(object & string)或者DataSource(object & array),对象中可以配置以下属性:

名称说明类型默认值
pathip地址,开发环境配置代理地址,接口地址string
method方法stringget
paramsparamsdata 参数object
resPath接口响应数据 格式如 : 'data/obj/list'string'data'
ContentTypecontent-typestringapplication/json;charset=UTF-8
headers请求头object-
transformResponse格式化数据function-

data 可以接受静态数据

事件

名称说明类型默认值
chart-clickchart图形点击事件function