跳到主要内容

子弹图

配置步骤如下：

1、添加子弹图​

点击“”图标，再点击“进度图 -> 子弹图”，即可创建新的图像；

图2.211

2、样式配置​

（1）组件名称设置​

选中子弹图组件，在操作界面右侧的“图层名称”处可修改组件的名称，如图2.212。（名称最好要设置一下，方便后期组件管理）

图2.212

（2）布局朝向​

设置子弹图的布局朝向；

  • 横排：效果图如2.213；
  • 竖排：效果图如2.214；

图2.213

图2.214

（2）标题设置​

  • 标题文本颜色：设置标题文本的颜色；
  • 标题文本大小：设置标题文本的大小；

图2.215

（3）目标颜色​

设置目标的颜色；

图2.216

（4）图例设置​

  • 图例开关：是否显示图例；
  • 图例位置：图例的位置，分为：居上、居左、居右、居下；
  • 图例大小：图例的宽度；
  • 图例字体颜色：设置图例字体的颜色；
  • 字体大小：图例的字体大小；
  • 图例显示文本：设置图例显示的文本内容；

图2.217

（5）范围配色​

（6）实际配色​

3、数据格式​

数据格式示例​

[
    {
        "title": "满意度",
        "ranges": "40,70,100",
        "measures": "30,50",
        "target": 85
    }
]

字段含义​

  • title :标题
  • ranges： 取值范围
  • measures： 实际数值
  • target 目标值