博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts实现3d饼图_举个栗子!Tableau 技巧(143):实现 3D 效果的圆柱图
阅读量:30592 次
发布时间:2020-01-05

本文共 1514 字,大约阅读时间需要 5 分钟。

我们知道,目前 Tableau 还不支持 3D 图表的实现。但是,如果你希望在 Tableau 中呈现立体效果,我们可以另辟蹊径,来实现一些简单的。

柱形图很常见,因为是平面的,也被称为条形图。假如能把每个条形都做成圆柱体,那它就是名副其实的柱形图啦!

cffdfb2f148e6ffd02863da3f5d3b564.png
图片来自网络

如何在 Tableau 中实现 3D 效果的圆柱图呢?今天的栗子,一睹为快吧!

a8b8d6b1dd5cc50470d3cf5d724cfce8.png

本期《举个栗子》,我们要给大家分享的 Tableau 技巧是:实现 3D 效果的圆柱图。

为方便学习,栗子使用了一组简单的数据(如下图),掌握栗子方法后,数据粉可尝试使用自己的数据。

b8e919c5cffda386c43d2ca6f86b1ab5.png

---------------------------------------------------------------------------------------->>

具体步骤如下:

1、创建数据桶

打开 Tableau Desktop,连接栗子数据源,新建工作表。

创建数据桶:在“数据”窗格,右击度量“Path”,在下拉菜单中选择“创建”-“数据桶”。然后在弹出的对话框中,将数据桶大小设置为1。

394d2714bbe241f4d5e66b470602d22f.png

2、创建计算字段

右击“数据”窗格空白处,在下拉菜单中选择“创建”-“计算字段”。依次创建以下计算字段:

➤ 计算字段:Index,键入函数:INDEX()-1

fb5b6a62ae7867c5fd872bb45bbac601.png

➤ 计算字段:TC_VALUE,键入函数::WINDOW_MAX(MAX([Value]))

dbd2e797ff705ec4e922167486aceb12.png

➤ 计算字段:TC_MAX_VALUE,键入函数:WINDOW_MAX(MAX([Value]))

0167d1a55d78f194e936c93bb8285e78.png

➤ 计算字段:TC_%,键入函数::[TC_VALUE]/[TC_MAX_VALUE]

f71920526ae0a11015013f7131457863.png

➤ 计算字段:TC_TYPE,键入函数::WINDOW_MAX(MAX([Type]))

78f48c688956cabfc8c0caffedda6c67.png

➤ 计算字段:X,键入函数:COS(RADIANS([index]))

15f6e6236690053dadbdc91c5b6359e4.png

➤ 计算字段:Y,键入函数:IF [TC_TYPE]='Bottom' THENIF [index]<181 THEN SIN(RADIANS([index]))/2*-1ELSE SIN(RADIANS([index]))/2+[TC_%]*5ENDELSE SIN(RADIANS([index]))/2+[TC_%]*5END

3e0571b9b9ebe03d88e1fed06c15f1a3.png

3、创建视图

现在开始创建图表。首先,将“标记”的标记类型选为:多边形。

a1cad1a81909b28899d9394bc3ac85d3.png

接着,将维度“segment”拖放至列,按住 CTRL 将维度“segment”和“Type”同时拖放至“标记”卡的颜色中,并确保“segment”在上方。

再将“Path (数据桶)”拖放至列,右击列上的“Path (数据桶)”胶囊,在下拉菜单中,勾选“显示缺失值“,然后将此字段拖放至“标记”卡的路径中。

然后,将计算字段“X”拖放至列,右击列上的“X”胶囊,在下拉菜单中,将计算依据选为:Path (数据桶)。

再将计算字段“Y”拖放至行,右击行上的“Y”胶囊,在下拉菜单中,将计算依据选为:Path (数据桶)。再右击胶囊,选择“编辑表计算”,在嵌套计算中选择:TC_MAX_VALUE,修改其计算依据为:特定维度,选择 segment 和 Path (数据桶),并确保 segment 在最上方,如下所示:

a6740456e9ed61eab65e936e3c204150.png

最后,对图表进行一些细微的调整:➤ 编辑 X 轴将其范围选择固定为 -2 到 2➤ 隐藏 X 轴和 Y 轴的标题➤ 右击图表设置格式,将网格线及零值线设置为无

设置好后的图形如下所示,如有需要也可以选择更改颜色。

6ba19352d518869aa942ffe7bdf6bf6a.png

今天的 Tableau 技巧,你 Get 到了吗?赶快试试看吧!

下一期《举个栗子》,再会~

8df0df2b25ccce97f0f50b98377a0ad5.png
文章部分信息来源于网络,如有侵权请告知!

转载地址:http://jmzsdu.baihongyu.com/

你可能感兴趣的文章
Eclipse使用(十一)—— 使用Eclipse创建简单的Maven JavaWeb项目
查看>>
Intellij IDEA使用(十三)—— 在Intellij IDEA中配置Maven
查看>>
面试题 —— 关于main方法的十个面试题
查看>>
集成测试(一)—— 使用PHP页面请求Spring项目的Java接口数据
查看>>
使用Maven构建的简单的单模块SSM项目
查看>>
Intellij IDEA使用(十四)—— 在IDEA中创建包(package)的问题
查看>>
Redis学习笔记(四)—— redis的常用命令和五大数据类型的简单使用
查看>>
JavaWeb高级编程(五)—— 使用会话来维持HTTP状态
查看>>
Intellij IDEA使用(十五)—— 如何在IDEA中一个Tomcat启动多个项目和多个Tomcat启动多个项目
查看>>
图解HTTP(五)—— 与HTTP协作的Web服务器
查看>>
程序员的数学(五)—— 排列组合,解决计数问题的方法
查看>>
前后端分离实践(四)—— 使用vue-cli搭建前端展示层并用mock模拟测试数据
查看>>
前后端分离实践(六)—— 前端与后端在生产环境中的分离部署
查看>>
启航 —— 记 —— 第二次自考的反思:自考与自我改造的困境
查看>>
数据结构与算法(三)——线性表
查看>>
Java8学习笔记(一)—— 函数式编程的四个基本接口
查看>>
Java8学习笔记(二)—— Lambda表达式
查看>>
Java8学习笔记(三)—— Optional类的使用
查看>>
Java8学习笔记(四) —— Stream流式编程
查看>>
Java8学习笔记(五)—— 方法引用(::双冒号操作符)
查看>>