反馈已提交

网络繁忙

您好,只有最新版本的6.X支持在线编辑修改,如果想创建/编辑文档,请移步到 *最新版本*

多指针仪表盘

  • 文档创建者:doreen0813
  • 历史版本:18
  • 最近更新:Wendy123456 于 2021-11-10
  • 1. 概述

    1.1 应用场景

    多指针仪表盘像一个钟表或者可读盘,它有刻度和指针,其中刻度表示度量,指针表示维度,指针角度表示数值,指针指向当前数值。

    利用多指针的仪表盘,可以直观地表现出某个指标的进度或实际情况。效果如下图所示:

    1636527583256156.png

    1.2 基本要求

    图表类型维度指标
    多指针仪表盘0>=1

    1.3 图表特点

    优点:直观地表现出指标的进度或实际情况,主要用于进度展现。

    缺点:指标不宜过多,展示信息有限。

    2. 圆形仪表盘

    2.1 添加组件

    新建仪表板 ,点击「添加组件」,选择「供应商产品表」。如下图所示:

    4.png

    2.2 生成图表

    在图表类型下选择「仪表盘」,图形属性下选择第一个子类型。将「库存量」、「订购量」字段拖入到指针值处。如下图所示:

    注:指针值也就是指针指向的刻度位置,可以生成多个指针,只需要把多个指标拖到指针值处即可。

    6.png

    2.3 美化图表

    2.3.1 设置颜色

    点击「颜色」栏,可自定义圆环、指针、刻度值、枢纽、底盘等颜色。如下图所示:

    8.png

    2.3.2 设置大小

    点击「大小」栏,可改变仪表盘大小。如下图所示:

    9.png

    2.3.3 设置标签

    1)将「库存量」、「订购量」字段拖入到标签处。如下图所示:

    10.png

    2)点击「标签」栏,点击内容格式右下角「编辑」按钮,选中标签字段后,可自定义字体样式。如下图所示:

    11.png

    注:点击「目标值」栏,可修改仪表盘最大值。

    2.4 效果查看

    2.4.1 PC 端

    效果如下图所示:

    1636527454600955.png

    2.4.2 移动端

    App 及 HTML5 端效果如下图所示:

    1.jpg

    3. 半圆形仪表盘

    步骤与第二章完全一样,不同点在于,2.2 节时,图表类型下选择「仪表盘」后,图形属性下选择第二个子类型。

    1)PC 端效果

    如下图所示:

    1636527093312629.png

    2)移动端效果

    App 及 HTML5 端效果如下图所示:

    2.jpg




    附件列表


    主题: 构建图表和分析数据
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    在线QQ(将在2023.01.03关停):800049425

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭