利用tabeau制作交互式图表
最终成品:
这是一个使用tableau仪表盘制作的交互式图表,可以自由的使用筛选器查看特定范围的数据。今天我们会详细介绍一下每个图表的制作以及最终如何拼接成可交互式的仪表盘。
![](https://img.haomeiwen.com/i2084542/b95e58dd41afda95.png)
几个重点:
1.日期类型的数据连续和离散的区别
2.地理位置数据转换成地理角色
3.筛选器的制作
3.显示top10的方式
4.环比和同比的计算
5.筛选器如何应用多图表
6.仪表盘内工作表的展示结构
原始数据:
这是我自己瞎造的一份数据。主要是为了演示tableau制作交互仪表盘的制作流程,请不要纠结数据的真实性和有效性。
![](https://img.haomeiwen.com/i2084542/71ce43da65763d7d.png)
一、折线图:
最终展现:
![](https://img.haomeiwen.com/i2084542/6c0f0f2072f0bf97.png)
1.设置日期格式
![](https://img.haomeiwen.com/i2084542/6549006258796e71.png)
2.日期转换成连续值(因为后面我们要做一个连续的时间筛选器)
![](https://img.haomeiwen.com/i2084542/97205420d5e67700.png)
3.创建自定义日期,将日期转换成月为单位。
![](https://img.haomeiwen.com/i2084542/c630bdf78e5b6b99.png)
![](https://img.haomeiwen.com/i2084542/705e338efaf8e31d.png)
![](https://img.haomeiwen.com/i2084542/3ee14a3851c7e97b.png)
4.把日期(月),指数分别置于列、行。业务需求,我们用平均值度量指数的一般水平。
![](https://img.haomeiwen.com/i2084542/38e5d0a8dd296149.png)
5.把折线的点对应的数值展现在图上:
![](https://img.haomeiwen.com/i2084542/cbe68405234fd19e.png)
6.设置时间筛选器
![](https://img.haomeiwen.com/i2084542/f727351339995180.png)
选择日期范围(因为我们要筛选的是一个范围)
![](https://img.haomeiwen.com/i2084542/21617577a801670f.png)
确定即可
![](https://img.haomeiwen.com/i2084542/b2945cbc8a2ee5c3.png)
7.显示时间筛选器
![](https://img.haomeiwen.com/i2084542/fa79bdc7d41fd6a1.png)
8.完成图片右侧的时间筛选器,接下来设置类型筛选器
![](https://img.haomeiwen.com/i2084542/ad683fde6b0800fb.png)
全选之后,确定
![](https://img.haomeiwen.com/i2084542/02e20ac3aeac9146.png)
9.完成类型筛选器,看页面的右侧我们完成了两个筛选器,此时你操作筛选器,左边的折线图都会随之在选定的区间内变化数值。
![](https://img.haomeiwen.com/i2084542/8295e9ec2595da82.png)
10.更改工作表名称:
![](https://img.haomeiwen.com/i2084542/cf9fd55e192b72a3.png)
11.完成第一个折线图
![](https://img.haomeiwen.com/i2084542/0aeeac96474128e7.png)
二、饼状图
我们制作一个商品类型占比的饼状图,当然是可以通过时间和指数类型筛选的饼状图。
1.选择商品类型
![](https://img.haomeiwen.com/i2084542/088b6dec0bbf1b69.png)
2.产品名称-度量-计数
![](https://img.haomeiwen.com/i2084542/dffd4839fcb1c027.png)
3.显示产品名称计数值
![](https://img.haomeiwen.com/i2084542/293d64c20a6d029c.png)
4.快速表计算,展示百分比:
![](https://img.haomeiwen.com/i2084542/7e702a44f8d37f83.png)
5.和折线图一样,设置时间和指数类型的筛选器:
![](https://img.haomeiwen.com/i2084542/a06a5454357a1e57.png)
三、显示地图:
1.设置地址为城市角色
![](https://img.haomeiwen.com/i2084542/5f010b825cafeb0a.png)
2.同样使用指数的平均值来度量
![](https://img.haomeiwen.com/i2084542/e76483be66a5780e.png)
3. 选择地图的展示方式
![](https://img.haomeiwen.com/i2084542/0b912f62d2528a95.png)
4.将城市显示在地图上,且使用颜色的不同代表指数均值的大小
![](https://img.haomeiwen.com/i2084542/a871ed7ec57ae3eb.png)
5.和前面折线图饼状图的处理方式一样,我们给地图设置时间和类型的筛选器
![](https://img.haomeiwen.com/i2084542/bdce337e3dbdd03c.png)
四、指数top10产品
1.选择产品名称、指数拖拽到列和行:
![](https://img.haomeiwen.com/i2084542/9c9e028b2c82c14b.png)
2.把产品名称放在筛选器上,选择顶部-10个
![](https://img.haomeiwen.com/i2084542/07a5c824311f4898.png)
3.同样设置日期和指数类型筛选器后,完成TOP10图
![](https://img.haomeiwen.com/i2084542/723f4783c0c1cfee.png)
五、同比和环比
1.按月计算环比-快速表计算-百分比差异
![](https://img.haomeiwen.com/i2084542/4c78b3cc1e51c6e1.png)
2.显示百分比数值
![](https://img.haomeiwen.com/i2084542/44653746d9f7f77f.png)
3.选择表格展示方式
![](https://img.haomeiwen.com/i2084542/5aa310deec7f2ccc.png)
4.调整行列展示顺序
![](https://img.haomeiwen.com/i2084542/a8faa3800b875367.png)
5.同比
![](https://img.haomeiwen.com/i2084542/fd7f4f9c0d6203a5.png)
6.调整行列顺序
![](https://img.haomeiwen.com/i2084542/c20a5efd31fdec7d.png)
到目前,我们已经完成了所有的工作表的制作,下面我们将把这些工作表拼装成仪表盘
六、拼装仪表盘
1.将各个工作表拖动至仪表盘中,调整他们的位置。你可以使用水平、垂直等各个容器来调整布局。删除我们不需要的一些图例和重复的筛选器。保留我们需要的指数类型和日期筛选器
![](https://img.haomeiwen.com/i2084542/f966486a13d7754a.png)
2.设置筛选器,将这三个筛选器应用于地图、折线图、饼图、top10直方图这四个图上
![](https://img.haomeiwen.com/i2084542/15169d05bee066e1.png)
![](https://img.haomeiwen.com/i2084542/ceaae0b018034910.png)
3.现在我们调整时间筛选器,可以看到下面四个图都跟着变化
![](https://img.haomeiwen.com/i2084542/8006841bd0617885.png)
4.我们还能更改显示的像素:宽度和高度:
![](https://img.haomeiwen.com/i2084542/d4c10e884c80a01b.png)
5.在不同的终端上进行预览:
![](https://img.haomeiwen.com/i2084542/deae5456f73cc0ed.png)
![](https://img.haomeiwen.com/i2084542/bf930abfdf53b243.png)
到现在,我们已经完成了全部的内容。感谢大家!