You need to enable JavaScript to run this app.
导航

数字大屏排行榜

最近更新时间2024.02.20 17:34:48

首次发布时间2023.09.20 16:27:54

1. 概述

数字大屏的可视化组件为用户提供了“排行榜”组件,排行榜通过按照某种标准对数据进行排名,展示了数据的等级和排序,这可以帮助用户快速了解不同数据的相对位置和优劣关系。

2. 快速入门
  • 选择组件-图表中的排行榜,大屏中心将出现一个排行榜组件。

alt

  • 在底部查询栏中的数据可视化中选择数据来源,并配置轴、值等字段。

  • 在右侧边栏中配置并列条形图样式。

  • 在大屏上拖动并列条形图调整位置,缩放并列条形图调整大小。

3. 功能介绍

3.1 样式-整体视觉

颜色:预设排行榜图例的色彩搭配。详见文档数字大屏并列条形图-样式-整体视觉

柱图样式:配置排行榜的条宽度和直角弧度。详见文档数字大屏并列条形图-样式-整体视觉

动画:选择排行榜的展示动效和轮播间隔,可选向右伸展、分组高亮,也可以选择取消滚动动画。详见文档数字大屏并列条形图-样式-整体视觉

3.2 样式-图内元素

图例: 设置图例的示意形状、位置、字体等,如不需显示图例可取消勾选。详见文档数字大屏并列条形图-样式-图内元素

值标签: 设置标签的位置、字体等,如不需要标签可取消勾选。详见文档数字大屏并列条形图-样式-图内元素

坐标轴: 可点击切换X轴与Y轴分别配置,设置Y轴标签、标题、轴线和轴网格线、X轴数据格式、数轴范围等。详见文档数字大屏并列条形图-样式-图内元素

序号: 支持点击选择是否显示排行序号。

3.3 查询

3.3.1 数据来源

参考 数字大屏-数字大屏数据来源 模块,可以选择 Static(静态数据)、Dataset(数据集)、API 和 JavaScript 四种数据来源。选定后在数据可视化-数据来源中,选择并列条形图对应的数据来源。详见文档数字大屏并列条形图-查询-数据来源

3.3.2 数据可视化

选定数据源后,可以在下方配置条形图的元素。可以将右侧显示出的,来自数据源的维度和指标拖拽入对应区域,配置成轴/图例/值/筛选字段。详见文档数字大屏并列条形图-查询-数据可视化

3.4 出入场动画

可以设置并列条形图的出入场动画。包括入场动画和出场动画。详见文档数字大屏并列条形图-出入场动画