Skip to content

Pie 饼图

饼图示例,使用 <g-pie> 组件。

基础用法

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

环图

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

玫瑰图

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

dataUrl 接口数据

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

组件参数

名称说明类型默认值
description空数据描述string暂无数据
typepie 饼图 ring 环图 rose 玫瑰图stringpie
options全部属性(参考 Echarts Pie 配置项object
db-options自定义属性object

db-options 属性

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

组件支持的事件

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