Tableau多个区间数据的符号（图标）可视化

布满荆棘的人生 2023-02-17 03:44 0阅读 0赞

# 最终结果展示 #

![image.png][]

#  #

# 一、准备 #

接上个例子，我们将同比划分为4个区间 ：  
0：sun  
\[0,-0.1)：cloud  
\[-0.1,-0.2)：rain  
\[-0.2,-0.3)：snow

# 二、开始 #

## Step1 ##

首先创建一个计算字段符号可视化:  
使用条件语句

IF [同比] > 0 THEN 'sun'
    ELSEIF [同比] > -0.1 THEN 'cloud'
    ELSEIF [同比] > -0.2 THEN 'rain'
    ELSE 'snow'
    END

![image.jpeg][]  
也可以使用函数IIF

IIF([同比] > 0,'sun',
    IIF([同比] > -0.1,'cloud',
    IIF([同比] > -0.2,'rain','snow')))

## Step2 ##

将符号可视化拖放到文本下，并将标记由自动改为形状。  
![image.jpeg][image.jpeg 1]

## Step3 ##

点击形状，选择形状板，并对数据项进行指定形状。  
![image.jpeg][image.jpeg 2]  
效果如下：  
![image.jpeg][image.jpeg 3]  
亦可将计算字段符号可视化拖放到颜色中，并为其指定颜色。（4个颜色真心不好配色，而且还要跟表达的意义有关联，等我找到合适的配色再补充。）

## Step4 ##

通常需要再将计算字段同比放进来，毕竟有些人看不到数字会不适应。  
![image.jpeg][image.jpeg 4]  
备注：Tableau自带的形状中并没有上例使用的形状。

# 如何添加自定义的形状？ #

1.  从互联网上下载需要用到的形状（图标）。 推荐网站iconfont：[http://www.iconfont.cn/][http_www.iconfont.cn]  
    
2.  将下载到的形状（图标）复制到Tableau的安装目录下：C:\\Program Files\\Tableau\\Tableau 10.3\\defaults\\Shapes可以自建文件夹，也可以使用Tableau默认创建的文件夹。  
    
3.  重启Tableau。

支持形状图像文件包括位图 (.bmp)、可移植网络图形 (.png)、JPEG、图形交换格式 (.gif)。

[image.png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9wbmcvNjcxOTcwLzE1ODI2MTc3MzE3MzctMWIyZmU3M2UtMmI1Ny00YjA2LWIzYTQtMTU0YTU1MTg3YzQ4LnBuZw?x-oss-process=image/format,png#align=left&display=inline&height=319&name=image.png&originHeight=369&originWidth=749&size=168712&status=done&style=none&width=646
[image.jpeg]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9qcGVnLzY3MTk3MC8xNTc4MjQwNjc2ODg4LWE0YzQ3YmNkLTBmM2YtNDY0MC05OGE5LTc3NjI1ODNmODg5Ni5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=332&name=image.jpeg&originHeight=332&originWidth=731&size=29253&status=done&style=none&width=731
[image.jpeg 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9qcGVnLzY3MTk3MC8xNTc4MjQwNjc3MTk5LWIxY2NiNjFkLWY5NmQtNDQxYy04NTE4LTljYWEwNDNlOWViNi5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=394&name=image.jpeg&originHeight=394&originWidth=811&size=62989&status=done&style=none&width=811
[image.jpeg 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9qcGVnLzY3MTk3MC8xNTc4MjQwNjc3NTAwLTZmM2Y5YzZmLTExMmYtNDFhNS1iNzlkLTUwZGJiMWIyNjU4Ny5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=424&name=image.jpeg&originHeight=424&originWidth=685&size=67751&status=done&style=none&width=685
[image.jpeg 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9qcGVnLzY3MTk3MC8xNTc4MjQwNjc3NTM1LTA4MTA5YjZlLTc2N2YtNGMyNi04Yzc2LWYxYzZjMTM3ZDk0YS5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=378&name=image.jpeg&originHeight=378&originWidth=758&size=47436&status=done&style=none&width=758
[image.jpeg 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9qcGVnLzY3MTk3MC8xNTc4MjQwNjc3NTU0LWIxOWRkMWI5LTJiZDEtNDA1MC05NDhhLWVjMDgwN2RjZjE0ZS5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=369&name=image.jpeg&originHeight=369&originWidth=749&size=83146&status=done&style=none&width=749
[http_www.iconfont.cn]: http://www.iconfont.cn/