目前柱状图只支持单轴，不支持双轴，在配置 yAxis时需要注意。

引入方式

  1. import ConsoleBarChart from '@alicloud/console-console-chart';
  2. // or
  3. import { ConsoleBarChart } from '@alicloud/console-chart';

Config 配置

通用配置

属性 说明
padding 配置绘图内边距
xAxis 配置x轴
yAxis 配置y轴
legend 配置图例
guide 配置辅助元素
tooltip 配置提示信息
label 配置图形文本
size 配置自定义大小
style 配置自定义样式

专属配置

grid: Boolean

是否显示网格线。

marginRatio: Number

数值范围为 0 至 1，用于调整分组中各个柱子的间距。

dodgeStack: Boolean

是否为分组柱状图

horizontal: Boolean

是否水平展示柱状图。

stack: Boolean

是否为堆叠柱状图

facet: Boolean

是否使用镜面柱状图

数据列配置

属性 说明 类型 默认值
name 数据列名称 String -
yAxis 坐标轴下标 Number 0
data 数据 Array -
color 自定义当前数据列颜色 String 主题color_24