反馈已提交

网络繁忙

百分比仪表盘

  • 文档创建者:Wendy123456
  • 编辑次数:2次
  • 最近更新:Wendy123456 于 2021-11-11
  • 1. 概述

    1.1 应用场景

    百分比仪表盘,有两种样式:百分比圆环仪表盘、百分比刻度槽型仪表盘。

    可以直观地表现出某一项数据占总量的占比,可以展示销售完成率、产品合格率等,也可以作为一个进度百分比展示。如下图所示:

    1636531884706673.png

    1.2 基本要求

    图表类型
    维度指标
    百分比仪表盘01

    1.3 图表特点

    优点:直观的表现出某个指标的进度和完成情况,主要用于进度或占比的展现。

    缺点:只能展示一个指标数据,展示信息有限。

    2. 百分比圆环仪表盘

    2.1 添加组件

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

    4.png

    2.2 生成图表

    1)新增一个计算字段百分比,自定义百分比数据。如下图所示:

    15.png

    2)在图表类型下选择「仪表盘」,图形属性下选择第三个子类型,将「百分比」字段拖入到指针值处。如下图所示:

    16.png

    3)点击目标值,设置目标值为 1 。如下图所示:

    17.png

    2.3 美化图表

    2.3.1 设置标签

    1)将百分比字段拖入到标签栏,设置数值格式为百分比。如下图所示:

    18.png

    2)点击标签栏,点击内容格式右下角编辑按钮。如下图所示:

    19.png

    3)自定义标签样式。如下图所示:

    1636530324593450.gif

    2.3.2 设置颜色

    点击颜色栏,可设置圆环、刻度槽、底盘的颜色。如下图所示:

    23.png

    注:仪表盘半径大小设置请参见:大小

    2.4 效果查看

    2.4.1 PC 端

    1636531091146421.png

    2.4.2 移动端

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

    3.jpg

    3. 百分比刻度槽型仪表盘

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

    1)PC 端效果

    如下图所示:

    1636531205737162.png

    2)移动端效果

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

    4.jpg




    附件列表


    主题: 构建图表和分析数据
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

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

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭