Skip to main content
Version: 3.2.1

键值表格

生成键值表格

键值表格可以滚动的展示表格中的内容,您可以对列宽,行高以及各部分的颜色等做自定义设置。

数据准备:

可根据需要设置图表数据源类型,默认静态数据,数据展示格式为JSON格式且可修改、增加值,亦可选择数据模型处配置数据源;

  1. 点击添加数据模型;

  2. 选择数据模型;

  3. 设置图表在大屏的刷新时间;

键值表格数据源控制区

键值表格画法:

现有数据库表详情如下:

数据库表

生成键值表格的流程如下:

  1. 点击表格,选择“键值表格”图表,在画布上画出图表;

  2. 在图表的数据面板的操作;

  3. 拖拽“NAME”字段至”维度“;

  4. 拖拽“AGE”字段至”度量“,此时,图表配置生效且展示数据;

  5. 图列表滚动展示数据(注:轮播表设置,可以设置当前列表页滚动展示几条数据);

    (该处配图后期补全)

编辑键值表格

键值表格样式设置:

键值表格的样式修改控制区为下图所示:

键值表格样式设置

  1. 编辑图层名称、设置图层是否可见,详情请见图层名称;

    字体大小、行高:设置图表字体的大小和行与行的距离,单位为px;
    开启滚动:开启后,图表内容滚动展示数据;
    开启排名:开启排名后,图表联动展示序列号;
    列显隐:序号列隐藏,图表不再展示;

    面板

  2. 表头设置:设置表头是否显示及文字颜色和背景颜色;

    表头设置

  3. 表体设置:设置修改表体的key值;

    新增:1.设置修改新增修改的列表头名称;2.设置对应的字段值;3.设置列的宽度,单位为px;同时支持编辑和删除功能;

    新增面板

  4. 参数控制区,用来设置图表的宽度、高度及距离x,y轴的坐标位置,详情请见坐标轴边距设置;