跳到主要内容

个性排名

配置步骤如下：

1、添加个性排名表​

点击“”图标，点击“排名表 -> 个性排名表”，即可添加一个个性排名表；

图6.41

2、样式设置​

（1）标题设置​

  • 标题开关：设置标题的显示和隐藏；
  • 标题：设置标题内容；
  • 标题颜色：设置标题的颜色；
  • 标题字体大小：设置标题的字体大小；

图6.42

（2）数值设置​

  • 统计项颜色：设置统计项名称的颜色，如图6.43标注1的颜色值设置；
  • 数字颜色：设置统计项的数字颜色，如图6.43标注2的颜色；
  • 数字字体大小：设置统计项的数字大小，如图6.43标注2的字体大小；

图6.43

（3）动画设置​

设置组件的动画效果；

  • fadeIn：淡入效果；
  • fadeInLeft：从左侧淡入；
  • fadeInLeftBig：从左侧快速进入；
  • fadeInRight：从右侧淡入；
  • fadeInRightBig：从右侧快速进入；
  • fadeInUp：从底部淡入；
  • fadeInUpBig：从底部快速进入；
  • flipInX：闪动出现；

图6.44

3、数据格式​

数据格式示例​

[
    {
        "title": "深圳",
        "value": 4500
    },
    {
        "title": "北京",
        "value": 8000
    },
    {
        "title": "广州",
        "value": 6800
    },
    {
        "title": "上海",
        "value": 7800
    },
    {
        "title": "郑州",
        "value": 6800
    },
    {
        "title": "厦门",
        "value": 4500
    }
]