Tableau 自定义调色板及应用全流程讲解【保姆级】

经常使用Tableau干货的小伙伴，不知道有没有过这样的经历，看到某个好看的配色不能为我所用，或者在做图表的时候经常为配色所困扰，最终很多选择了妥协然后面板就是以下这样的feel，一道辣眼睛的彩虹挂在面板上~~

当然，这篇文章不是将怎么去配色，而是讲怎么能够将相中的配色放到Tableau 中，为我所用，这个使用到的就是Tableau 的自定义调色板功能。
下面跟着我的步骤一步步来吧。

配置文件介绍

首先找到配置文件叫 Preferences.tps，如果你知道自己的我的 Tableau 存储库在哪里可以直接打开，该配置文件就在这个文件夹下面。

如果不知道，提供一个快速获取该路径的方法：打开 Tableau desktop（就是常说的 Tableau 软件，图标如下图左上角），依次点击【文件】>【存储库位置】。

在弹出的窗口中（该窗口叫文件资源管理器），单击地址栏，可以看到一个完整的路径，按下 CTRL+C 复制。

然后新打开一个文件资源管理器（快捷键是 win+E，或双击我的电脑），然后单击地址栏，CTRL+V 粘贴刚刚复制的地址，回车就可以看到跟刚刚打开的地址一样的界面。

但是还是有一点不一样，通过Tableau 刚刚说的方法打开的是重新设置存储库位置，不是管理文件，所以我们只要复制存储库的路径即可，再切换到【文件资源管理器】对文件进行管理；还有一点通过 Tableau 打开的存储库位置是看不到配置文件的，只有在【文件资源管理器】打开的才有。

右键单击配置文件【Preferences.tps】>打开方式>选择记事本打开。

注意：

直接双击打开，会默认通过 Tableau 打开，但是 Tableau 不支持打开配置文件。需要通过记事本打开，才可以编辑修改。
首次打开的时候，在打开方式里是不会显示有【记事本】的，要通过单击【选择其他应用】里找到【记事本】，之后才会显示在下图这里。

首次打开【Preferences.tps】配置文件，文件内容如下：

我们要做的就是往里面填充相关的配置信息，可参考以下模板：
配置文件是类似 XML 格式，可以添加相关的缩进使得文件内容看起来比较美观和直观（PS：不缩进，直接填写也是可以的）。

<?xml version='1.0'?><workbook><preferences><color-palette name="色板名字" type = "色板类型"><color>色号1</color><color>色号2</color></color-palette><color-palette name="色板名字" type = "色板类型"><color>色号1</color><color>色号2</color></color-palette></preferences></workbook>

接下来讲解一下该模板怎么用，可以按以下五步一步步开展：
1、加preferences标签：在标签中加一对标签；
2、加color-palette标签：在标签中加一对标签，并在中设置【色板名字】和【色板类型】。

【色板名字】纯自定义，可以根据自己的应用场景定义，也可以根据颜色的名字命名，可按自己的习惯来，不重复即可；
【色板类型】分三类：regular（分类）、ordered-diverging（有序发散）、ordered-sequential（有序连续）。这里简单提一下后面结合例子详细讲解。
- 分类：类别，一般是用于维度（独立色块）
- 有序发散：连续值，一般用于度量（渐变）
- 有序连续：这个就比较特殊了，维度和度量通用（色块/渐变）。

3、加标签：在标签中加标签，颜色的色号放在标签中间，色号采用十六进制（HEX）值 #RRGGBB。
4、要添加多个颜色就重复第3步骤；
5、要添加多个色板就重复第2～3步骤。

是不是挺简单的呢？

颜色采集

上面提到了颜色的HEX值，可能有些读者还会有一个问题：就是我怎么知道颜色的HEX值呢？

这个可以通过以下网址查找：（千通彩）https://www.qtccolor.com/findcolor.aspx

如果读者懂编程，也可以通过代码解决，这里提供一个Python 的代码供参考：
其实就是将RGB的每一个值由十进制转化为两位的十六进制值。懂得进制转化也可以直接计算，0～9不变，10～15用A～F表示，16～25则变成10～19，26～31用1A～1F表示，其他类推。

# RGB格式颜色转换为16进制颜色格式
def RGB_to_HEX(*rgbs):# 遍历每一个颜色for rgb in rgbs:# 将RGB格式划分开来RGB = rgb.split(',')color = '#'for i in RGB:num = int(i)# hex() 函数用于将10进制整数转换成16进制# 使用[-2,0]倒着取是一个取巧的方式，主要是处理不满十的数，多取了X，然后再通过replace('x', '0')转化为0# 将R、G、B分别转化为16进制拼接转换并大写,以字符串形式表示color += str(hex(num))[-2:].replace('x', '0').upper()# 组合颜色格式并打印print('<color>%s</color>'%color)# 调用格式，注意每个RGB值用逗号隔开，每组RGB值作为一个字符串传入，可以输入多个值
RGB_to_HEX('255,0,0','0,255,0','0,0,255')

结果如下图：

打印出来的结果，可以直接复制替换【配置文件介绍】章节中的模板介绍中的步骤3。

好像还有一个问题，知道怎么获取HEX值了，但是怎么知道颜色的RGB值呢？
在日常的阅读中，我们看到的只是颜色，并不会注释是什么RGB，如果想拿来做到面板上，怎么办呢？

这里介绍几个常用的工具：微信/QQ/飞书的截图功能，进入截图界面之后，将光标放到相中的颜色上，便可以看到对应的RGB值。

快捷键：
微信：Alt+A
QQ：Crtl+Alt+A
飞书：Ctrl+Shift+A

面板应用实例

讲了一堆理论和颜色的采集，最差最后一步了，颜色应用，也就是在面板上的使用。

这里通过一个饼图的小例子（就是开篇那个彩虹