0

0

Tableau年度动态排名图表怎么做?Tableau交互式条形图制作教程【分享】

煙雲

煙雲

发布时间:2026-02-02 15:50:02

|

999人浏览过

|

来源于php中文网

原创

需借助排序计算、双轴布局与页面动画实现:先准备含年份、类别、指标值的数据源并生成动态年度排名;再建双轴条形图,使长度表数值、位置表排名;接着用页面功能驱动年度切换并启用动画;最后添加Top N参数增强交互。

tableau年度动态排名图表怎么做?tableau交互式条形图制作教程【分享】

如果您希望在Tableau中呈现各项目按年度变化的排名顺序,并支持交互操作,则需借助排序计算、双轴布局与页面动画等核心机制。以下是实现该图表的具体步骤:

一、准备并连接年度排名数据源

确保数据包含至少三个关键字段:“年份”(维度,需为日期或离散数值)、“类别/国家/产品名称”(维度)、“指标值”(如GDP、销售额、销量等度量)。若原始数据未含排名字段,需通过表计算动态生成。

1、在数据源页面确认“年份”字段类型为“离散”(右键→“转换为离散”);

2、将“年份”拖至列,验证其显示为独立标签而非连续轴;

3、将“类别”拖至行,“指标值”拖至列,初步生成条形图;

4、右键“指标值”→“快速表计算”→“排名”,选择“降序”,确保默认按当前视图内值排序。

二、创建动态排名字段(Fixed + Rank_Unique)

使用LOD表达式固定每个年份内各分类的排名,避免受筛选器或视图层级干扰,保证年度内排序结果稳定且可跨页复用。

1、右键度量区域→“创建计算字段”;

2、命名为“年度排名”,输入公式:RANK_UNIQUE(SUM([指标值]), 'desc')

3、将该字段拖入“行”替代原始“类别”,此时条形图纵轴即为排名序号;

4、右键新生成的“年度排名”字段→“编辑表计算”,设置“特定维度”,勾选“年份”和“类别”,计算依据为“年份”;

5、将“年度排名”字段拖至“标记”卡中的“大小”或“标签”,用于视觉强化排名位置。

三、构建双轴条形图并同步排序逻辑

通过双轴结构分离“指标值”长度与“排名”位置,使条形长度反映实际数值大小,而条形垂直位置严格对应排名序号,避免因数值差异导致视觉错位。

1、将“指标值”再次拖至列,生成第二个轴;

2、右键第二个“指标值”轴→“双轴”;

3、右键任一横轴→“同步轴”,确保两轴刻度一致;

LLaMA
LLaMA

Meta公司发布的下一代开源大型语言模型

下载

4、右键“行”上的“年度排名”→“编辑轴”,勾选“反向排序”,使排名1位于顶部;

5、将“类别”拖至“标记”卡的“标签”,并在“标签”选项中勾选“仅显示非空值”。

四、添加年度动态切换功能

利用“页面”功能驱动时间维度演进,配合动画设置实现平滑过渡效果,使用户可逐帧观察排名迁移过程。

1、将“年份”拖至“页面”架;

2、点击顶部菜单栏“格式”→“动画”→启用“页面动画”;

3、在“动画设置”中将“持续时间”设为800ms,“缓动”设为“慢出”;

4、点击“页面”控件右上角下拉箭头→“显示历史记录”,启用时间轴回放;

5、右键“页面”控件→“自定义控件”,将显示方式改为“滑块”或“下拉列表”。

五、增强交互性:添加参数控制Top N显示

引入参数允许用户手动指定只显示前N名,提升图表聚焦度与响应灵活性,适用于不同粒度的分析场景。

1、右键空白处→“创建参数”,命名为“Top N数量”,数据类型为“整数”,当前值设为10,范围设为1–50;

2、右键新建参数→“显示参数控件”;

3、右键“类别”→“创建计算字段”,命名为“是否TopN”,公式为:[年度排名]

4、将“是否TopN”拖至“筛选器”,勾选“真”;

5、将“是否TopN”也拖至“标记”卡的“颜色”,设置“真”为深蓝、“假”为浅灰,形成视觉区分。

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
数据类型有哪几种
数据类型有哪几种

数据类型有整型、浮点型、字符型、字符串型、布尔型、数组、结构体和枚举等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

310

2023.10.31

php数据类型
php数据类型

本专题整合了php数据类型相关内容,阅读专题下面的文章了解更多详细内容。

222

2025.10.31

AO3官网入口与中文阅读设置 AO3网页版使用与访问
AO3官网入口与中文阅读设置 AO3网页版使用与访问

本专题围绕 Archive of Our Own(AO3)官网入口展开,系统整理 AO3 最新可用官网地址、网页版访问方式、正确打开链接的方法,并详细讲解 AO3 中文界面设置、阅读语言切换及基础使用流程,帮助用户稳定访问 AO3 官网,高效完成中文阅读与作品浏览。

20

2026.02.02

主流快递单号查询入口 实时物流进度一站式追踪专题
主流快递单号查询入口 实时物流进度一站式追踪专题

本专题聚合极兔快递、京东快递、中通快递、圆通快递、韵达快递等主流物流平台的单号查询与运单追踪内容,重点解决单号查询、手机号查物流、官网入口直达、包裹进度实时追踪等高频问题,帮助用户快速获取最新物流状态,提升查件效率与使用体验。

6

2026.02.02

Golang WebAssembly(WASM)开发入门
Golang WebAssembly(WASM)开发入门

本专题系统讲解 Golang 在 WebAssembly(WASM)开发中的实践方法,涵盖 WASM 基础原理、Go 编译到 WASM 的流程、与 JavaScript 的交互方式、性能与体积优化,以及典型应用场景(如前端计算、跨平台模块)。帮助开发者掌握 Go 在新一代 Web 技术栈中的应用能力。

1

2026.02.02

PHP Swoole 高性能服务开发
PHP Swoole 高性能服务开发

本专题聚焦 PHP Swoole 扩展在高性能服务端开发中的应用,系统讲解协程模型、异步IO、TCP/HTTP/WebSocket服务器、进程与任务管理、常驻内存架构设计。通过实战案例,帮助开发者掌握 使用 PHP 构建高并发、低延迟服务端应用的工程化能力。

2

2026.02.02

Java JNI 与本地代码交互实战
Java JNI 与本地代码交互实战

本专题系统讲解 Java 通过 JNI 调用 C/C++ 本地代码的核心机制,涵盖 JNI 基本原理、数据类型映射、内存管理、异常处理、性能优化策略以及典型应用场景(如高性能计算、底层库封装)。通过实战示例,帮助开发者掌握 Java 与本地代码混合开发的完整流程。

1

2026.02.02

go语言 注释编码
go语言 注释编码

本专题整合了go语言注释、注释规范等等内容,阅读专题下面的文章了解更多详细内容。

61

2026.01.31

go语言 math包
go语言 math包

本专题整合了go语言math包相关内容,阅读专题下面的文章了解更多详细内容。

53

2026.01.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号