BarConv 转化图
示例,使用 <g-bar-conv> 组件,常用作新增货值的转化图。
基础用法
ltr 从右到左
isLine 不显示line
isProportion 显示比例,精准度
组件参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| description | 空数据描述 | string | 暂无数据 |
| options | 配置 | object | — |
| db-options | 自定义属性 | object | — |
options API
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| ltr | left-right 从左到右,right-left 从右到左 | string | left-right |
| isLine | 是否显示line | boolean | true |
| color | 自定义color | string | #3971E2 |
| splitLine | 显示虚线 | boolean | true |
| isProportion | 是否显示比例/精准度 | boolean/number | false |
db-options 属性
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| dataField | 数据指向字段 | string | — |
| xAxisField | 指标(x轴)指向字段 | string | — |
| columns | title 名称,field 指向字段,unit 单位 | array | — |
| data | 图表数据配置 | object/array/string | — |
组件支持的事件
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| chart-click | chart图形点击事件 | function | — |