xCharts 柱状图 opts.extra.column
以下是在 xCharts 中配置柱状图 opts.extra.column
的属性列表:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | String | 'group' | 柱状图类型,可选值:'group'(分组柱状图),'stack'(堆叠柱状图),'meter'(温度计式图) |
width | Number | 柱状图每个柱子的图形宽度 | |
seriesGap | Number | 多 series 每个柱子之间的间距 | |
categoryGap | Number | 每个 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,值越大自定义颜色程度越高) | |
meterBorder | Number | 1 | 温度计式图表的边框宽度 |
meterFillColor | Color | '#FFFFFF' | 温度计式图表的空余填充颜色 |
activeBgColor | Color | '#000000' | 当前点击柱状图的背景颜色 |
activeBgOpacity | Number | 0.08 | 当前点击柱状图的背景颜色透明度 |
labelPosition | String | 'outside' | 数据标签位置,有效值为 "outside"(外部),"insideTop"(内顶部),"center"(内中间),"bottom"(内底部) |