Skip to main content
Version: 3.2.1

仪表盘V2

生成仪表盘V2

仪表盘大多数用来展现某个指标的完成情况或项⽬进度,通常都是百分比类型的数据;

数据准备:

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

  1. 点击添加数据模型;

  2. 选择数据模型;

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

仪表盘V2数据源控制区

仪表盘V2画法:

现有数据库表详情如下:

数据库表

生成仪表盘V2的流程如下:

  1. 点击“指标”,选择“仪表盘V2”组件,在画布上画出图表;

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

  3. 将"value"字段拖拽至“度量”,图表配置生效且展示数据;

  4. 联动图表展示如下:

仪表盘V2数据模型配置图

编辑仪表盘V2

仪表盘V2样式设置:

仪表盘V2的样式修改控制区为下图所示;

仪表盘V2样式设置

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

  2. 表盘设置:可以设置图表表盘的大小,起始角度以及结束角度和表盘在图表的位置;

    表盘设置

  3. 刻度设置:设置是否展示表盘刻度,同时也可以设置刻度字号、位置、刻度线粗细、分割段数以及大标记和小标记的长度;

    刻度设置

  4. 指针设置:设置是否展示指针,同时可以设置指针的长度和宽度;

    指针设置

  5. 指标设置:指标配置可以设置是否显示标题和指标,具体情况如下;

    显示标题、标题位置:设置是否显示标题,以及配置标题在图表的位置;

    显示标题、标题位置

    显示指标、指标名称字号、指标字号、指标单位:设置是否显示指标,以及配置指标名称字号和指标字号,同时也可以更改设置指标的单位;

    显示指标、指标名称字号、指标字号、指标单位

    指标最大值、指标最小值、指标位置:可以根据需要设置仪表盘的指标最大值、最小值,同时也可以配置指标在图表的具体展示位置;

    指标最大值、指标最小值、指标位置

  6. 标题设置:设置标题及其样式,详情请见标题设置;

  7. 自定义配色:自定义配色:设置图表文字和轴线的颜色,详情请见自定义配色;