页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

1 概述

水球图是一种适合于展现单个百分比数据的图表类型,主要用于展示占比的指标,如毛利率、投入率、完成率等。

2 业务场景

1、场景描述:某大型零售公司,想要分析产品的销售额完成情况(销售目标为两百万),如下图所示:

Image Added

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)在数据选择区中,勾选

...

 

...

销售额 字段,由系统自动分配到

...

 指标 上;或拖拽 

...

销售额 字段到

...

(2)

...

  指标 

Image Added

(2)对组件进行设置:

  •  目标值: 选择自定义,按需设置为2000000注:目标值为负数时,选这个公式:(2-指标值/目标值)*100%
  •  指标值: 白色字体,字号为36。
  •  指标名称: 白色字体,字号为14。
  •  边框: 内边距为10px,实线,线条粗细为3px,颜色选择渐变,新增一个色标。色标配置如下:

    • 色标1位置:0%,渐变颜色为#A7CDF4
    • 色标2位置:50%,渐变颜色为#3689E7
    • 色标3位置:100%,渐变颜色为#1D0ED4

Image Added


目标值这里只能选择已勾选的度量字段,如果本身具有能够作为目标值的度量字段的话,没法直接选择,只能将另一个度量值拖到提示里面,然后这里选择!

Image Added

Image Added

3 更多功能

  • 更多的图形属性设置项的详细介绍,可参考文档:图形属性

  • 配色修改:

...

  • 如需修改图形配色,可参考文档:颜色设置

...

  • 交互设计:如需了解交互相关功能,可参考文档:交互设计