# 内容配置-柱状图
具体参考 echarts 官网介绍 (opens new window)
# 数据格式
接口配置的数据格式:【系统管理】-【接口管理】-【接口配置】菜单编辑
配置的假数据和接口返回数据格式必须正确,rest接口必须返回json格式,webservervice接口返回xml格式,如格式不正确将无法正确显示
rest接口json格式假数据示例:
// key 对应【编辑接口】中的【参数字段】
{
"code": "200",
"data": {
"2022": [112, 224, 230, 140],
"salesNum_2023": [230, 350, 330, 260],
"salesNum_2024": [240, 360, 330, 800],
"province": ["山东省", "河南省", "河北省", "安徽省"]
}
}
# 数据源配置
参照数据源配置。
# 过滤配置
参照过滤配置。
# 包装配置
参照包装配置。
# 基础设置
图表宽度
标签列
标签列是图表中用于标识不同类别或数据点的列。通常用于横轴或分类轴上,用于区分不同组或类别的数据。
标签列类型(仅柱状图支持)
- X 轴
- Y 轴
- X 轴
值列配置
值列是图表中展示数据点具体数值的列,提供数据的实际数值信息,帮助用户直观地了解数据。
字段:选取数据源配置中需要展示的字段名称
自定义名称:【字段】别名
值列 id: 该条数据的唯一 id
数据展示类型:折线图 / 柱状图
柱形设置
是否显示文本标签
文字大小
文字粗细
文字颜色
水平对齐:左对齐、居中、右对齐
垂直对齐:顶部对齐、中部对齐、底部对齐
标签位置 (opens new window):顶部、左边、右边、底部、内部
柱条宽度
- 绝对值
- 百分比
圆角
- 绝对值
- 百分比
柱条宽度
操作(上移、下移、复制当前行、删除当前行)
# 标题设置
参照图表公共配置项-标题设置。
# 副标题设置
# 图例设置
参照图表公共配置项-图例设置。
# X 轴设置
# Y 轴设置
# 提示设置
参照图表公共配置项-提示设置。
# 坐标轴边距设置 (opens new window)
- 是否包含刻度标签
- 边距:支持顶边距、左边距、底边距、右边距
- 绝对值
- 百分比