本文搬运自国外tableau大神原创文章 Toan Hoang：知名Tableau大神,数据可视化自由职业者和Tableau Magic的创始人,萨尔萨舞教练,钢琴演奏者，技术爱好者和程序员。

    面对如此大神，我愿意做一个知识的搬运工~

前言

在最近的第二轮IronViz全球比赛中，Toan Hoang创造了一个由循环抖动图教程改编的分段径向抖动图，并产生了巨大的反响：黄金唱片。

在这个可视化图表中，他绘制了带有12个不同音乐特征的在黄金唱片上的音乐轨迹和标准的抖动图样式，展示不同音乐在音轨上的差异和分布情况。

所以呢，作图之前，我们要先了解一下抖动图的应用场景：类似盒须图，为了发现异常数据以及清晰展示数据分布情况，避免数据重叠引起信息误差。

下面我将给你演示一下如何容易的用点模式创建一个分段径向抖动图~

最终成果

目标

    为销售产品创建一个标准的抖动图，观察销售产品子类别的分布情况。基于销售额用产品子类别字段将其分段；但是，最重要的是要围绕着径向来绘制抖动子类别字段，这样它们就可以从中心向外绘制。

数据

在本教程中，请连接你的Desktop 示例-超市 数据源。

参数

    在进行计算之前，我们需要创建一些参数，以便于在计算字段中引用。这些参数允许你更改计算的某些元素，目的是为你提供制作径向工作可视化需要的一些控制参数。

角度调整参数

//控制连续径向抖动图的起始点

   ● 创建参数，名称为角度调整

   ● 设置数据类型为整数

   ● 设置允许的值为范围：

        ○ 设置最小值为 0

        ○ 设置最大值为 360

        ○ 设置步长为 10

    ●  设置当前值为110

距离调整参数

//控制到径向中心的距离，范围是基于销售额的总和决定的

   ● 创建参数，设置名称为距离调整

   ● 设置数据类型为整数.

   ● 设置允许的值为范围：

      ○  设置最小值为 0

      ○  设置最大值为 100,000

      ○  设置步长为 10,000

   ● 设置当前值为 30,000

径向参数百分比

//控制每个抖动分段的宽度(以角度为单位),调整以避免重叠的抖动部分

   ● 创建参数，设置名称为径向参数百分比

   ● 设置数据类型为整数

   ● 设置允许的值为范围

      ○ 设置最小值是 0

      ○ 设置最大值是 100

      ○ 设置步长为 1

   ● 设置当前值为11

计算字段

    这些计算字段本质上与在循环抖动图教程中解释的类似，创建以下计算字段~

子类别ID

//针对每个子类别维度设置一个ID值，当然，你也可以使用Index()函数进行设置

CASE [子类别]

  WHEN "标签" THEN 1

  WHEN "电话" THEN 2

  WHEN "复印机" THEN 3

  WHEN "美术" THEN 4

  WHEN "配件" THEN 5

  WHEN "器具" THEN 6

  WHEN "设备" THEN 7

  WHEN "收纳具" THEN 8

  WHEN "书架" THEN 9

  WHEN "系固件" THEN 10

  WHEN "信封" THEN 11

  WHEN "椅子" THEN 12

  WHEN "用具" THEN 13

  WHEN "用品" THEN 14

  WHEN "纸张" THEN 15

  WHEN "装订机" THEN 16

  WHEN "桌子" THEN 17

END

每个抖动分段之间的角度

//用来决定径向中维度的个数

//对子类别字段来说，要用360/17来得出每个子类别的角度

360 / {COUNTD([子类别])}

距离

//你选择的度量从中心向外的距离加上距离调整参数创建的空白距离

SUM([销售额]) + [距离调整]

索引

//用于确定如何绘制径向上的每个标记

//这里将用到子类别ID(即1至17)乘以每个抖动分段之间的角度得到 a，同时17个子类别的每个子类别都有独特的起始位置沿径向等间距旋转，拉动角度调整参数将会移动那些起始位置，我们会给每个标记一个索引号并将标记之间的分段算出来(跟径向百分比参数求模)

((AVG([子类别ID])*AVG([每个抖动分段之间的角度]))* [角度调整])+(Index()-1)%[径向参数百分比]

X

//绘制X轴的三角函数

SIN(RADIANS([索引]))*[距离]

Y

//绘制Y轴的三角函数

COS(RADIANS([索引]))*[距离]

以上就是全部的计算字段啦。

工作表

    现在，我们来建立一下这个视图……

    ● 把标记类型改为圆

    ● 拖动子类别字段到详细信息卡上

    ● 拖动产品名称字段到详细信息卡上

    ● 拖动X到列

    ● 拖动Y到行

    你将得到下图的结果~

    现在，我们要修改表计算，产生抖动图的效果

    编辑X字段表计算

       ● 修改计算依据为特定维度

       ● 勾选子类别

       ● 勾选产品名称

   编辑Y字段表计算

    ● 设置计算依据为特定维度

    ● 勾选子类别

    ● 勾选产品名称

现在，分段抖动的效果就已经出来啦！

格式

    调整格式如下：

    ● 隐藏网格线

    ● 隐藏零值线

    ● 隐藏Y轴标题

    ● 隐藏X轴标题

    将子类别拖动到颜色标记卡上

你现在应该得到这样的效果！一个分段径向抖动图！

修改一些格式，我们能让他看起来有趣一点...

    ● 设置颜色不透明度为70%

    ● 设置背景颜色为#1b1b1b

    ● 拖动销售额字段到大小标记卡上，并调整大小

    ● 换一个更有趣的调色板

你看！一个分段径向抖动图就这么诞生啦！

结束

感谢你的在看！

以下为国外Tableau大神Toan Hoang原创链接：

https://tableaumagic.com/how-love-works-tableau-dashboard-tutorial/

PS：Tableau小白搬运，欢迎关注，一起学习，一起交流~