RatioBar 比例柱状图
高亮样式
在series.emphasis.itemStyle 自定义高亮样式 显示代码
自定义图表位置，尺寸
在grid中设置图表的位置和宽高 显示代码
自定义背景色
指定backgroundColor设置背景色 显示代码
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| series | 比例柱状图系列配置,长度2 | Array | -- | -- |
| grid | 网格 | Object | -- | -- |
| backgroundColor | 背景色 | Color | -- | transparent |
| customClass | 指定两侧文字说明的类名 | String | -- | -- |
series
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| itemStyle | 图形样式 | Object | -- | -- |
| emphasis | 高亮样式 | Object | -- | -- |
| data | 数据内容 | Object | -- | -- |
series.itemStyle
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| color | 柱条颜色 | Color | -- | 自适应 |
| borderColor | 柱条的描边颜色 | Color | -- | -- |
| borderWidth | 柱条的描边宽度，默认不描边 | Number | -- | 0 |
| barBorderRadius | 圆角半径，单位px，传入数组指定4个圆角半径，方向为左上，右上，右下，左下 | Array | -- | 0 |
series.emphasis
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| itemStyle | 高亮时图形样式 | Object | -- | -- |
series.emphasis.itemStyle
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| color | 柱条颜色 | Color | -- | 自适应 |
| borderColor | 柱条的描边颜色 | Color | -- | -- |
| borderWidth | 柱条的描边宽度，默认不描边 | Number | -- | 0 |
| opacity | 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形 | Number | -- | 1 |
series.data
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| name | 数据项名称 | String | -- | -- |
| value | 数据值 | Number | -- | -- |
grid
不传入以下参数，将采用默认值；传入参数将采用传入值
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| left | 柱状图离容器左侧的距离 | String / Number | -- | '10%' |
| top | 柱状图组件离容器上侧的距离 | String / Number | -- | 12 |
| right | 柱状图组件离容器右侧的距离 | String / Number | -- | '10%' |
| bottom | 柱状图组件离容器下侧的距离 | String / Number | -- | 12 |
| width | 柱状图组件的宽度 | String / Number | -- | 'auto' |
| height | 柱状图组件的高度 | String / Number | -- | '14px' |