tooltip显示图片_Tableau: 常用类型的图片制作

1. 制作基本表

现在我们手上用到的数据是酒店数据,如下图所示

9a1a181054f179406470e85bdd70e480.png

那么基本表其实就是表格行的数据化表达方式,我们讲需要作为index的维度放入行,然后讲记录数(总计)放入文本中,就可以制作出最简单的基本表

b4e00bc1bfaefc8f45165c188d6663c4.png

2. 将基本表变成凸显表

首先凸显表和基本表的区别在于后面的数据有带有不同颜色深浅的色块。我们可以选择在一边的智能显示的方式快速创建凸显表;我们还可以选择先按照正常的操作制作基本表,然后将记录数再次放到颜色中,但是完成这一步后,我们发现如下图所示

d9479a4cf6f5ad4bf80faede2cba7c01.png

而我们想要里面的方框填充颜色,那么我们选择左边标记的选项,选择方块,就可以得到如下凸显表

d4b83ce7f9a746d2ce21a1f8808ec0e8.png

3. 树状图

我们依旧使用的是酒店类型的数据。首先我们把酒店的类型放在行,酒店的记录数放在列,就出现如下所示横向柱状图

f379d53cf785988e56acc341c418a5a5.png

然后我们选择旁边的智能显示的树状图,然后接着我们可以再根据我们的需要改变颜色。同时我们在尺寸中进行调整大小最终得到我们想要的图。

4fc41d038a5d809f19b83f800b1695fd.png

4. 气泡图

然后对于气泡图,比如说我们试图做电影类型的气泡图,那么我们就依旧把电影类型放到行然后记录数放在列,然后智能显示选择气泡图。然后根据颜色深浅表示票房高低

1b26f7ff2c963c767a545597d26259da.png

5. 气泡动态图

如果我们想要做动态图,首先把时间放入在页面中(在筛选器中选定时间范围),然后剩下的正常操作。其中如果我们想要他显示运动轨迹的话,在下方进行勾选就可以。

6. 词云

词云的话我们就按照气泡图来处理,然后再将旁边的类型从圆形改成文本,就构造出了我们想要的词云图

be5306049002020e370ff74feaad60f9.png

7. 标靶图

8. 甘特图

9. 瀑布图

10.制作butterfly图片

我们想要如下图所示制作一个butterfly图片来表示不同的department不同的被录取性别

ee265c1f2c14a350e77cb5a66acf1103.png

我们的数据放入tableau中如下图所示

5b2604fb0718737511a34831713fae9f.png

第一步我们首先先依照性别归纳出男性和女性,然后我们再筛选出哪些被哪些部门拒绝哪些获得offe。我们创建一个calculate field

9116a6517c5b46525622442fdaf87fdd.png

同理创建关于frequency female的calculate field

现在表格如下所示

d9a9b4209d3a6966c6efb62f6f2f38b4.png

然后进入worksheet,将department和我们之前calculate field算出来的female/male的频率放入rows/columns中

3acb61206a9ffb438b65363326737268.png

我们想要把左边的轴转个方向,也就是0点从右边开始。那么我们点击edit axis,然后选择reverse

d5629031818618100bd3f8a01d5c4cd6.png

另一个需要注意的问题,由于俩个axis的range不一样,所以我们想让俩张图的轴都是固定的。这里我们选择从fixed,0到600

然后我们把admission status放入filter,把gender放入all中的color。然后butterfly的图片就做好了

11. 在一张大图中制作多个小图

例子 1

d65dfeae6b82a9f19b4ad834c7f7f798.png

例子 2

我们想要展示不同货物的销售情况和年份的关系

1b73f10eac4a5f04104e4831307bead6.png

数据情况如下

63b3aa10c8fad42bb6fb9e61a5dc93a6.png

首先我们把sales和month分别放入,做出一个时间line graph。下面这张图展示的是sale的总量和时间的关系图

8005401b09647ef3cd1695775814a4fd.png

然后我们把sub-category放入detail中,我们得到了不同的货物种类的时间序列图

7946900f72506cb52f93f30ba26fca96.png

由于我们这里有21个categories,那么我们想要3column和7个rows。所以我们要创建一个calculate field来index rows and columns。我们在上面创建一个calculation filed:

index-1=index starts with 0

%3给了我们3column

6e77c0b1cd786838eeedbf1eca05b301.png

然后我们把这个calcualte放在前么,并且右键选择discrete。因为我们想要这个index是1-3三个整数

f3fb544289306c5121b2dc604b34f87c.png

然后在row index,由于我们要7rows,所以我们要输入以下的calculate field:

813226e065203ad28089e3d51e3e1c93.png

然后同样的把这个放在前面,再右键discrete。我们现在的图中,每个小graph只有一个month of all sub-categories

ca949ac698ca57a68ffc224a858563ba.png

我们然后右键edit table calculation;然后如下图设置

bf05a6298efa879e7433acacf696eae3.png

同样对rows我们也这样edit table calculation;设置如上图。然后我们的图就如下图所示

e86538255e3736abaf16d3a8a7041800.png

12. Lallipop Chart

我们今天要做的是的对于不同的国家他们对应的退休年龄的棒棒糖图。

ecfe24b19f4c0a076b7af1bc2b3a2f28.png

首先我们正常按照bar chart的方法制作横向bar chart如下。

9a0aeee221d0936fd3f26f396ee3c552.png

然后由于我们想要的是比较细的bar-chart,所以我们在size那里调细

d2e456ba9ea39220567e166bf6a63a71.png

然后由于我们还想要在直线点的末端还有一个圆球,所以我们能做的是再添加一个retirement age作为,然后选择双轴展示;然后其中一个图我们选择bar另一个选择circle;然后我们会发现直线的末端并不在circle的中心,这是由于双轴的scale不一致造成,所以我们右键axis然后选择synchronize axis。这样我们就得到了下图的棒棒糖图。而如果我们想要讲label放入圆心,我们只需要选择label中的alignment为中点就可以。

然后我们还可以选择对某个点价格note来标示著我们想要重点标识的note。

0e147e9874944660a682331a676450e4.png

13. Bullet Chart

现在我们试图做如下图所示的bullet chart,其实这张图就是bar chart+reference line(per cell),然后用颜色的深浅表示利润。

c9af0c5b6e44e87e72483cbd4c4aca3b.png

所以我们先用if function创建一个calculate field:分别创建sales2012 sales2013。

2906c35b03a763bd3dfc04e5bf0d50e5.png

然后我们选择把之前创建的sales2012放入detail中,然后选择data tab旁边的analytics tab,然后选择custom下面的reference line。选择用sales2012作为sales 2013的reference line。

577d65663f9088e5bfbaecda874ea602.png

这样我们就得到了想要的reference line

dc9591808e21dca12d4de92c46cfc51c.png

14. 创建dashboard和dashboard的一些功能

  1. Size:根据可能会看你的dashboard的用户选择不同的dashboard size。一般来说我们用desktop size
  2. 我们在做dashboard的时候,希望dashborad之间的element能相关联(interactive)。我们可以选择dashboard中的每个小窗口,然后右边有一个use as filter的button,选择那个button后每个小窗口之间就互相有了联系
  3. 然后我们还可以右键选择添加其他的filter。
  4. 我们想要当我们鼠标移到不同的地图点上,展现出的信息不一样,我们选择在地图那个小tab上做修改(在tooltip上进行更改)。

821f805f9ea31517e7c037ee7ba0675d.png

15. Data Reduction

我们在做data visualisation的时候,有时会想对数据进行精简,比如说下面的stock volatility中包含了600多万个股票对应的expected earning以及volatility之间的关系。我们当然没法直观的展示这600多万个对应关系,但是我们可以按照近似的expected earning首先将每个expected earning分为good expected earning以及坏的expected earning俩类。然后每一个好的/坏的分类中再按照四等分点分为四类。由于下面的数据是按照天数来计数,我们就可以做一个时间分析序列,这样我们就对600万个数据完成data reduction

3d84284a75b6b992b2c3b2ea399fbbd6.png

那么首先我们想要把earning surprise大于等于0分类为good(同理小于0分为bad news)

1b092e4f82fd38554c9ee9065b5df07e.png

然后将good news四等分

656f8e9731b01c380417639aa38687ba.png

然后将剩余的数据如下所放置并设置颜色就可以得到下图

db2a1f5d9caa4226f0e2e6df9f06cbb5.png

16. Horizon Chart

现在我们有如下数据关于悉尼不同地区的空气质量

1cc30d669500e4cd01f54c5247521b34.png

然后我们正常做出如下的时间序列图,但是下面这张图的问题是,由于2011年的变化过大,所以使得其他年份的AQI变化不明显(虽然他们是有变化的)

2c39e82722b675b7ce704d670809cbe2.png

这个时候我们就要补充一些背景知识关于使用horizontal chart。

b7bf8ae346a7454b43f7800ead8c6bb2.png

首先上图是关于不同的AQI对应的不同颜色的图片,对于我们想要表示的任何AQI,我们只要进行不同的颜色叠加。比如说如果AQI=125,那么就是一般的橙色叠加到黄色上(因为之前的颜色都被黄色完全叠加)

所以我们对于蓝色的部分将大于蓝色部分的值都定义成5,然后下雨33的部分按照5进行scale如下

4193debc8c67e1b7c12b2013205148a8.png

同理我们同样对于其他的分类写calculate field(依次还要写四个)

6294d3695aac796395b83316ec4f61a5.png

然后我们把写好的measure name放入tableau中(measure name放到颜色中)

c25e7db63093d75c1d6bad960cba4fc2.png

而由于上面这个图其实不是互相叠加的,所以我们在analysis中选择stack off,得到下面的horizontal plot。这样我们的观测就更清楚

2c738091182d6a6bc155b94f05fd9ee0.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值