xCharts 条状图 opts.extra.bar
以下是在 xCharts 中配置条状图 opts.extra.bar
的属性列表:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | String | 'group' | 条状图类型,可选值:"group"(分组条状图),"stack"(堆叠条状图) |
width | Number | 条状图每个柱子的图形宽度 | |
seriesGap | Number | 2 | 多 series 每个柱子之间的间距 |
categoryGap | Number | 3 | 每个 category 点位(X轴点)柱子组之间的间距 |
barBorderCircle | Boolean | FALSE | 启用分组柱状图半圆边框 |
barBorderRadius | Array | 自定义4个圆角半径[左上, 右上, 右下, 左下] | |
linearType | String | 'none' | 渐变类型,可选值:"none"(关闭渐变),"opacity"(透明渐变),"custom"(自定义颜色) |
linearOpacity | Number | 1 | 透明渐变的透明度(值范围0到1,值越小越透明) |
customColor | Array | 自定义渐变颜色,数组类型对应 series 的数组长度以匹配不同 series 颜色的不同配色方案,例如 ["#FA7D8D", "#EB88E2"] | |
colorStop | Number | 渐变色的显示比例(值范围0到1,值越大自定义颜色程度越高) | |
activeBgColor | Color | '#000000' | 当前点击柱状图的背景颜色 |
activeBgOpacity | Number | 0.08 | 当前点击柱状图的背景颜色透明度 |