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 | 暂无数据 |
type | pie 饼图 ring 环图 rose 玫瑰图 | string | ring |
size | 尺寸 xs , sm , md , lg , | string | sm |
isMarkLine | 是否显示指引线 | boolean | true |
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 | — |
columns | title 名称,field 指向字段,unit 单位 | array | — |
cDataField | 子级-数据指向字段 | string | — |
cAxisField | 子级-指标指向字段 | string | — |
cColumns | title 名称,field 指向字段,unit 单位 | array | — |
data | 图表数据配置 | object/array/string | — |
data API
data 可以接受dataUrl(
object
&string
)或者DataSource(object
&array
),对象中可以配置以下属性:
名称 | 说明 | 类型 | 默认值 |
---|---|---|---|
path | ip地址,开发环境配置代理地址,接口地址 | string | — |
method | 方法 | string | get |
params | params 、 data 参数 | object | — |
resPath | 接口响应数据 格式如 : 'data/obj/list' | string | 'data' |
ContentType | content-type | string | application/json;charset=UTF-8 |
headers | 请求头 | object | - |
transformResponse | 格式化数据 | function | - |
data 可以接受静态数据
事件
名称 | 说明 | 类型 | 默认值 |
---|---|---|---|
chart-click | chart图形点击事件 | function | — |