Skip to content

xCharts 柱状图 opts.extra.column

以下是在 xCharts 中配置柱状图 opts.extra.column 的属性列表:

属性名类型默认值说明
typeString'group'柱状图类型,可选值:'group'(分组柱状图),'stack'(堆叠柱状图),'meter'(温度计式图)
widthNumber柱状图每个柱子的图形宽度
seriesGapNumber多 series 每个柱子之间的间距
categoryGapNumber每个 category 点位(X轴点)柱子组之间的间距
barBorderCircleBooleanFALSE启用分组柱状图半圆边框
barBorderRadiusArray自定义4个圆角半径[左上, 右上, 右下, 左下]
linearTypeString'none'渐变类型,可选值:"none"(关闭渐变),"opacity"(透明渐变),"custom"(自定义颜色)
linearOpacityNumber1透明渐变的透明度(值范围0到1,值越小越透明)
customColorArray自定义渐变颜色,数组类型对应 series 的数组长度以匹配不同 series 颜色的不同配色方案,例如 ["#FA7D8D", "#EB88E2"]
colorStopNumber渐变色的显示比例(值范围0到1,值越大自定义颜色程度越高)
meterBorderNumber1温度计式图表的边框宽度
meterFillColorColor'#FFFFFF'温度计式图表的空余填充颜色
activeBgColorColor'#000000'当前点击柱状图的背景颜色
activeBgOpacityNumber0.08当前点击柱状图的背景颜色透明度
labelPositionString'outside'数据标签位置,有效值为 "outside"(外部),"insideTop"(内顶部),"center"(内中间),"bottom"(内底部)