Tableau雷达图制作全攻略：从坐标计算到完美复现

雷达图在Tableau里出了名的“能做但不好做”。搜索引擎上一搜“Tableau雷达图制作”出来的教程要么甩你一堆计算字段然后就不管了要么让你装一个第三方插件装完发现和新版本根本对不上。我自己当年第一次做产品多指标对比时在这个问题上耗了一整个下午最后才把原理和步骤彻底理顺。这篇文章想把整套流程讲透从数据准备、坐标计算到折线绘制、多边形填充再到网格线、标签和配色最后附上我踩过的坑和排查顺序。不管你是第一次接触雷达图还是已经试过但图形总是不对这条路线都能让你稳定复现。1. 雷达图难做的根源极坐标与笛卡尔坐标的错位很多人以为Tableau做不出雷达图是因为“功能缺失”其实不是。Tableau的散点图、折线图、多边形标记都足够强大真正的问题是雷达图本质上是极坐标系下的图形而Tableau所有图表都建立在笛卡尔坐标系X轴和Y轴上。打个比方雷达图就像把一张饼图“展开”成六边形或者蜘蛛网。饼图按角度分配扇区雷达图则把每个指标放在一个固定角度上用距离圆心的长度表示数值大小。也就是说每个数据点都需要两个信息方向和距离。方向对应角度距离对应指标值。只要能把“角度”和“指标值”转换成平面上的X坐标和Y坐标雷达图就能在Tableau里画出来本质上它是一个经过坐标变换的折线图或多边形图。所以整个教程的核心只有一句话用三角函数把“极坐标”翻译成“直角坐标”剩下的工作全是Tableau的常规操作。先明确雷达图适合什么场景。它最适合做多指标横向对比比如产品能力评估、岗位胜任力模型、用户画像、多个方案的综合评分、竞品分析等。这些场景里指标往往有5到8个维度太少了看不出形状太多了图形又会变成一团毛线。如果是六七个指标、两三个对比对象雷达图的效果是最直观的。理解了这一点后面所有步骤都有了依据先准备数据再算坐标然后画图最后美化。每一步出错你都能知道错在哪里。2. 数据准备先把多列指标逆透视成长表雷达图的数据结构可能是大多数人卡住的第一道坎。很多人手上的数据是这样的每一列是一个指标每一行是一个产品。产品易用性性能稳定性续航扩展性价格产品A857892608870产品B758870856555这种宽表在Tableau里很难直接画雷达图因为雷达图要求每个指标单独占一行Tableau才能针对这个“指标”维度分配角度。所以第一步是把它从宽表转成长表。2.1 长表结构到底长什么样在Tableau中做逆透视很简单打开数据源后选中“易用性”“性能”“稳定性”“续航”“扩展性”“价格”这六列右键选择“逆透视Pivot”Tableau会自动生成两列——一列是字段名指标一列是字段值得分。如果你用Excel准备数据也可以用Power Query或者直接手动堆叠。逆透视之后数据应该长这样产品指标得分产品A易用性85产品A性能78产品A稳定性92产品A续航60产品A扩展性88产品A价格70产品B易用性75产品B性能88.........这张表是雷达图的原料。接下来要做的事情是给每个指标编一个顺序号算出它应该落在多少个角度上。2.2 手动加一列“指标序号”避免排序陷阱我强烈建议在数据源里手动增加一列“指标序号”值就是1、2、3、4、5、6按你希望在雷达图上出现的顺序排列。比如第一个指标你想放在12点方向那它序号就是1然后顺时针依次排下去。为什么一定要加这列因为很多教程会让你在Tableau里用INDEX()函数生成序号但INDEX()是表计算函数严重依赖维度排序和表计算作用范围。指标名如果按拼音、字母或中文排序出来的序号顺序可能完全不是你想要的图形也会跟着乱。手动加一列序号一劳永逸后续也不需要在Tableau里反复调“编辑表计算”。2.3 在Excel里预先算好角度、X、Y坐标如果你不想碰Tableau表计算最清爽的做法是在数据源里直接把坐标算好。Excel里加三列就行。假设指标序号位于C列得分位于D列从第2行开始。新增三列指标总数可以写一个常量比如6。也可以用公式COUNTIF($A$2:$A$100, A2)按产品分区统计总行数这样以后增加产品也不用改。角度度90 - (C2 - 1) * 360 / E2X坐标D2 * COS(RADIANS(F2))Y坐标D2 * SIN(RADIANS(F2))解释一下角度公式。为什么要从90度开始而不是0度因为雷达图习惯上把第一个指标放在正上方12点方向而在平面直角坐标系里正上方对应90度假设Y轴向上。每个指标间隔的角度是360度除以指标总数所以第C2个指标的角度就是90 - (序号-1) * 360 / 总数。X坐标等于得分乘以COS(角度)Y坐标等于得分乘以SIN(角度)这就是标准的极坐标转直角坐标。得分相当于半径角度决定方向。算完之后数据每一行都对应雷达图上的一个点Tableau只需要按序号把这些点连起来就行了。如果你希望角度从3点钟方向开始公式改成(C2 - 1) * 360 / E2也行但整个图形会顺时针旋转观感上不如从正上方开始自然。我个人一直用90度起算排版和阅读都更舒服。2.4 别忘了“闭合点”雷达图是个封闭图形最后一个指标的点和第一个指标的点必须连在一起图形才算完整。但Tableau默认连线到最后一个点就停了不会自动绕回起点。解决办法是在数据末尾复制一行第一个指标的记录坐标保持一致。比如产品A的数据有6行第7行就复制第1行的内容。这样Tableau会从第6个点画到第7个点而第7个点和第1个点坐标相同图形就闭合了。这一步很多人会漏漏了的后果是雷达图看起来像被咬了一口的饼少了一根边。后面排查部分我会再提一次。3. 三个核心计算字段不修改数据源也能画雷达图如果你不想在Excel里预计算或者你的数据源是数据库、不能随意改表结构那就在Tableau里用计算字段实现。这里给出完整的写法并解释每个字段为什么这么写。假设数据源只有三列产品、指标、得分没有序号和坐标。我们需要创建三个计算字段。3.1 指标序号与指标总数第一个字段是指标序号用INDEX()INDEX()INDEX()是表计算会在每个分区内按当前视图的维度顺序返回1、2、3……。这里的关键是“分区”。我们希望每个产品单独一组组内按指标逐个编号。所以后面绘图时要把“产品”放到颜色或详细信息里让每个产品成为一个分区再编辑表计算选择“特定维度”——勾选“指标”这样INDEX()就会在“产品”分区内对“指标”进行编号。指标总数可以用WINDOW_MAX(INDEX())或SIZE()WINDOW_MAX(INDEX())这个字段返回当前分区内最大的序号也就是指标总数。比如6个指标返回值就是6。3.2 角度、X、Y的完整写法角度字段RADIANS(90 - (INDEX() - 1) * 360 / WINDOW_MAX(INDEX()))这里RADIANS()把角度转为弧度因为Tableau的COS()和SIN()函数接收的是弧度。X坐标字段AVG([得分]) * COS(RADIANS(90 - (INDEX() - 1) * 360 / WINDOW_MAX(INDEX())))Y坐标字段AVG([得分]) * SIN(RADIANS(90 - (INDEX() - 1) * 360 / WINDOW_MAX(INDEX())))这里用AVG([得分])而不是SUM([得分])是因为每个产品、每个指标在数据里对应一行加总等于平均值但平均值语义更明确而且将来如果数据重复也不至于把数值翻倍。我把角度公式直接嵌进了X和Y的计算里而不是单独建一个“角度”字段。原因是如果单独建角度字段再用另一个字段引用它Tableau对表计算的传递有时会导致作用范围不一致出现报错或奇怪的图形。直接写成一个公式编辑表计算时只需设置一次所有字段保持一致省心。3.3 表计算设置是关键这三个字段创建之后真正决定成败的一步是“编辑表计算”。把X和Y拖到列和行之后右键字段选择“计算依据Compute Using”一定要选“特定维度”然后勾选“指标”。这样每个产品的INDEX()才会从1数到6。如果默认是“表横穿”之类的选项INDEX()会一直累加图形就会彻底错乱。同时在标记卡里把“产品”拖到颜色“指标”拖到详细信息“指标序号”拖到路径。路径字段的作用稍后详细说。表计算方案的好处是完全不修改数据源刷新就能用坏处是每次拖拽字段都要检查一遍表计算设置对新手来说很容易漏。所以我个人的建议是如果数据源可以加列优先用上一章的预计算方案如果必须用Tableau直接连原始表再用这一章的计算字段方案。4. 开始画图折线、多边形与多产品对比坐标算好之后绘图反而成了最轻松的部分。但因为标记类型选错或者路径字段没拖新手还是会做出奇奇怪怪的图形。这一节按从简单到进阶的顺序把三种常见需求全部讲清楚。4.1 折线雷达图从点到线锁定路径顺序这是最基础的雷达图。操作步骤如下把X字段放到列Y字段放到行。因为X和Y是聚合字段Tableau会显示SUM(X)、SUM(Y)不用管它。把“产品”拖到颜色。每一个产品会生成一条独立的折线。把“指标”拖到详细信息保证每个点对应一个指标。把“指标序号”拖到路径Path标记卡。这一步直接决定连线顺序是否正确。路径字段是雷达图能不能成型的分水岭。没有路径字段时Tableau会按照工作表里的维度顺序连线而维度顺序通常按指标名称排序于是线条会在6个点之间乱跳画出来的图形像一团乱麻。加上指标序号并排序之后Tableau会严格按照序号1到6再到闭合点依次连线图形才能真正形成六边形。此时你会看到一个由线性闭合的雷达轮廓。接着右键X轴和Y轴取消勾选“显示标题”把轴上的数字隐藏或者调成灰色图形瞬间干净很多。4.2 多边形填充用半透明色块做面积对比折线图只能看清轮廓如果几个产品套在一起线条容易相互干扰。改成多边形Polygon填充用半透明色块对比会直观得多。把标记类型从“线”切换为“多边形Polygon”其他字段设置保持不变。Tableau会自动按照路径字段依次连接所有点形成一个闭合区域并用当前颜色填充。这时候要注意三点第一闭合点不能省略。多边形和折线一样不会自动从最后一个点飞回第一个点。如果数据里没有闭合行多边形的最后一条边就会缺失形成开放缺口。第二透明度要调低。点击颜色图例打开“效果”面板把不透明度调到60%到70%左右。两个产品的色块叠加时重叠区域会变成混合色但依然能分辨出各自的范围对比效果非常直观。完全不透明会把下方图形完全遮住透明度太高又看不清边界60%是实测下来比较舒服的档位。第三给色块加一个白边或者同色系深色边框。在颜色图例的“边框”选项里选一个与填充色同色系但更深一点的颜色或者直接用白色线条宽度设为1。这样即使两个色块颜色接近边缘轮廓也能分清楚。4.3 多产品对比的三个隐藏细节多产品对比时数据表里每个产品都各有一套指标和坐标所以理论上把产品拖到颜色Tableau会自动按产品分区绘制。但有几个隐藏细节很容易让对比图失真。首先坐标轴必须固定。Tableau默认会自动缩放X轴和Y轴如果两个产品的数值分布不同自动缩放可能会让一个产品占满画布、另一个产品缩在角落对比完全失真。做法是右键X轴/Y轴选择“编辑轴”在“范围”里选择“固定”起点填-110终点填110。因为得分范围假设是0到100坐标最大也就是100留10个单位作为边距图形四周有呼吸感不会贴边。其次X轴和Y轴的范围必须一致。这一点让很多人栽跟头。如果X轴固定为-100到100Y轴却自动缩放成-50到80图形就会被拉成椭圆形雷达图会严重变形。只有两个轴的范围一致图形才是正圆形。检查方法是看轴上的刻度间隔是否在视觉上等距或者直接手动在“编辑轴”里把X和Y都设置成同样的起止值。最后评分口径要统一。如果产品A的指标是满分10分产品B的指标是满分100分两个产品画出来的雷达图大小差异会很大这不是真实差距而是量纲造成的假象。统一口径的做法很简单在数据准备阶段把所有指标归一化到同一个范围比如0到100或者0到1。雷达图比较的是形状不是绝对大小口径一致之后才有可比性。5. 把丑图变清爽轴、网格、标签与配色细节雷达图画出来之后很多人会说“图形对了但就是丑”。这很正常因为Tableau默认的笛卡尔网格线、坐标轴数字和花哨配色放在雷达图上全是视觉噪音。这一节分享我常用的美化套路操作都不复杂但效果提升非常明显。5.1 干掉笛卡尔网格线只留自己想要的圈Tableau默认会在X轴和Y轴上画十字网格线放在雷达图上就是横平竖直的格子和六边形完全不搭。在“分析”菜单里找到“网格线Grid Lines”把“行”和“列”都设为“无”画面立刻清爽一半。如果你希望有一个参考圈比如满分范围的轮廓线可以在工作表里再叠加一个“满刻度数据”。做法是单独做一个小数据表对每个产品每个指标添加一行“值100”的点计算同样的X和Y坐标把标记类型设置为“线”颜色设为浅灰色透明度调高然后放到同一张图里作为底层轮廓。现实中有不少雷达图会加一个外圈六边形作为视觉边界能让读者快速理解“满分在哪里”。如果你觉得做参考圈太麻烦一个更简单的替代方案是在固定轴范围之后让Tableau的轴刻度线保持显示但把数字标签的颜色调成浅灰也能起到网格参考的作用而且几乎零成本。5.2 标签的两种处理方式省心版和标准版雷达图的标签是另一个容易显丑的地方。Tableau的标签默认会显示在每个点上如果六边形六个顶点全部显示指标名称文字会旋转横竖不一挤在一起非常难受。省心版的做法是不逐点显示指标名只在图的下方加一行横向的指标图例或者利用Tableau的“注释”功能把六类指标列在图表底部。这种做法胜在快速适合内部快速看数。标准版的做法是做一个“轴端标签”工作表叠加到雷达图上。具体操作是新建一个工作表数据源用和雷达图相同的数据但把每个指标的值固定在100也就是满刻度这样算出来的X和Y坐标正好落在雷达图的外圈顶点上。在该工作表里把标记类型改为“文本”文本字段填“指标”隐藏轴和网格线去掉背景色。然后在仪表板里把雷达图放好把刚做的标签工作表拖进去并切换成“浮动”拖到雷达图正上方居中适当调整位置。标签就会整整齐齐地出现在六个顶点旁边而且不会再遮挡雷达图本身。这个方案看着麻烦实操起来也就两分钟。关键是标签工作表的所有坐标计算必须和雷达图完全一致范围固定也一样这样叠加后才能准确对齐。5.3 配色少即是多Tableau的默认10色板在雷达图上通常过花。两个产品对比时我强烈建议手动改成两个主色。比如一个用深蓝色一个用橙红色这两个颜色对比度高、色盲友好也是业务汇报里最安全的配色之一。多边形填充时透明度统一调到65%左右边框用白色。这样即使两个色块大面积重叠重叠区域变成第三种颜色但两个原始色依然一目了然。还要注意一个细节Tableau默认会给每个产品分配一个图例如果产品数量超过4个雷达图会变得极其拥挤基本失去可读性。这种情况我一般会拆分成多个视图每个视图只放两三个产品或者把产品放到“页面Pages”里做成翻页效果。雷达图适合少量对象精细对比不适合一图塞进十来个系列这一点在设计阶段就要想清楚。6. 按顺序自查图形打结、端点缺失、标签错位的三个高频事故最后这部分是我结合自己反复试错总结的排错清单。如果你按上面的步骤操作后图形依然不对按顺序检查下面几项基本能覆盖90%的问题。6.1 图形像一团乱麻先查路径和排序线条来回穿梭、交叉成蜘蛛网通常不是坐标算错了而是路径字段没有拖对。去标记卡里确认“指标序号”是否已经在“路径Path”上。如果已经拖了还是乱右键路径字段检查排序方式是否为“升序”。排序乱了Tableau会按ASCII码或字母顺序连接图形必然乱掉。另一个常见原因是表计算的分区不对。假如你用INDEX()方案却没有把“产品”拖到颜色或详细信息Tableau就不知道要对哪个维度分区INDEX()会在整个表中连续递增产品A的序号会接着产品B继续往下数坐标自然也全错。这时候打开“编辑表计算”确认计算依据是“特定维度→指标”同时产品字段存在于视图中。6.2 图形缺角、不闭合先查闭合点如果雷达图看起来像被切掉了一块六个顶点只连了五个边多半是闭合点缺失。回到数据源确认每个产品是否都有复制第一行的末尾闭合行且该行的坐标和第一行完全一致。还有一种情况是闭合行加了但“指标序号”在闭合行里设置成了7而不是1。这会导致Tableau认为最后还有一个新角度画出一个指向错误方向的边图形看起来像多长了一根刺。闭合行的序号必须和第一行完全一样它只是同一个点被重复绘制一次。6.3 雷达图变成椭圆立刻检查轴范围圆形变椭圆是雷达图最隐蔽的问题。Tableau对X轴和Y轴分别自动缩放即使坐标计算完全相同只要两个轴的刻度范围不一致圆就会变形。比如X轴从-100到100Y轴却自动缩成-80到80图形就被纵向拉伸。修复方法是手动把两个轴的范围都固定且保持一样。你甚至可以直接在“编辑轴”里输入相同的起止值。还有一个判断技巧把图形拖成接近正方形的工作表区域如果雷达图还是正圆说明两个轴范围一致一旦变成椭圆优先检查轴固定值。6.4 标签错位或遮挡先查是否同源同参数用叠加方案做轴端标签时标签错位通常因为标签工作表的坐标计算和雷达图不一致或者轴范围不同。最简单的方法是把雷达图里的X、Y计算字段直接复制到标签工作表中不要手动重新敲一遍。顺序、表计算设置、固定轴范围都要原样复制。如果还是错位检查仪表板的画布大小确保叠加时两个工作表的布局中心对齐。这个自查清单我每次都贴在Tableau工作簿的说明注释里。实际项目中绝大多数雷达图问题都能在这四条里找到答案。最后再分享一个我自己用的习惯如果是做正式汇报用的雷达图我会优先用“数据源预计算坐标”的方案因为它不依赖表计算后续同事接手数据时不容易改坏。如果只是快速探索数据、临时看形状再用Tableau计算字段方案。两种方法并存比只掌握一种要灵活得多。另外我第一次做闭合点的时候也漏过后来就把“复制首行”这一步写进了自己的数据准备模板里每次处理雷达图数据都先自动带上再也没犯过同样的错误。