# 内容配置-折线图

# 数据格式

  • 接口配置的数据格式:【系统管理】-【接口管理】-【接口配置】菜单编辑

    折线接口配置

配置的假数据和接口返回数据格式必须正确,rest接口必须返回json格式,webservervice接口返回xml格式,如格式不正确将无法正确显示

rest接口json格式假数据示例:

// key 对应【编辑接口】中的【参数字段】
{
  "code": "200",
  "data": {
  	"water": [112, 224, 230, 140, 106, 119, 209],
  	"power": [230, 350, 330, 260, 210, 198, 189],
  	"gas": [202, 250, 310, 220, 198, 298, 223],
  	"date": ["1", "5", "10", "15", "20", "25", "30"]
  }
}

# 数据源配置

参照数据源配置

# 过滤配置

参照过滤配置

# 包装配置

参照包装配置

# 基础设置

基础设置

  • 图表宽度

  • 标签列

    标签列是图表中用于标识不同类别或数据点的列。通常用于横轴或分类轴上,用于区分不同组或类别的数据。

  • 值列配置

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

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

      值列字段选项

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

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

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

      数据展示类型

    • 折线设置 (opens new window)

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

    • 文字大小(文本标签)

    • 文字粗细(文本标签)

    • 文字颜色(文本标签)

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

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

    • 标签位置:顶部、左边、右边、底部、内部

    • 线宽

    • 线颜色

    • 线类型:实线、虚线、斑点线 显示文本标签

    • 阶梯线图

      • 下一个点拐
      • 中间拐
      • 当前点拐 显示文本标签
    • 是否开启平滑曲线

# 标题设置

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

# 副标题设置

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

# 图例设置

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

# X 轴设置

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

# Y 轴设置

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

# 提示设置

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

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

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

# 链接跳转设置

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

# 自定义属性设置

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