# 内容配置-柱状图

具体参考 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 轴标签列
    • Y 轴 Y 轴标签列
  • 值列配置

    值列是图表中展示数据点具体数值的列,提供数据的实际数值信息,帮助用户直观地了解数据。

    • 字段:选取数据源配置中需要展示的字段名称

      值列字段选项

    • 自定义名称:【字段】别名

    • 值列 id: 该条数据的唯一 id

    • 数据展示类型:折线图 / 柱状图

      数据展示类型

    • 柱形设置

    • 是否显示文本标签 显示文本标签

    • 文字大小

    • 文字粗细

    • 文字颜色

    • 水平对齐:左对齐、居中、右对齐

    • 垂直对齐:顶部对齐、中部对齐、底部对齐

    • 标签位置 (opens new window):顶部、左边、右边、底部、内部

    • 柱条宽度

      • 绝对值
      • 百分比
    • 圆角

      • 绝对值
      • 百分比 设置了圆角
    • 柱条宽度

    • 操作(上移、下移、复制当前行、删除当前行)

# 标题设置

参照图表公共配置项-标题设置

# 副标题设置

参照图表公共配置项-副标题设置

# 图例设置

参照图表公共配置项-图例设置

# X 轴设置

参照图表公共配置项-X 轴设置

# Y 轴设置

参照图表公共配置项-Y 轴设置

# 提示设置

参照图表公共配置项-提示设置

# 坐标轴边距设置 (opens new window)

  • 是否包含刻度标签
  • 边距:支持顶边距、左边距、底边距、右边距
    • 绝对值
    • 百分比

# 链接跳转设置

参照图表公共配置项-链接跳转设置

# 自定义属性设置

参照图表公共配置项-自定义属性设置