Tableau制作三元相图/三角图(Ternary/Triangle Chart)

2023-10-09 03:59

本文主要是介绍Tableau制作三元相图/三角图(Ternary/Triangle Chart),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

三元相图

三角图就是有三个轴的坐标图,可以分别表示一个点在X、Y、Z三个维度上的不同比例情况。

与传统的XY坐标轴不同。XY坐标轴是有两个维度,而且每个维度没有上下限的限制。三角图中每个维度都在0-1的范围内,按百分比划分,即最小0%,最大100%。我们的数据点都会分布在这个三角区域内。

与传统XY坐标相比的好处是,在比较数据点之间的关系时,我们可以增加多一个维度。方便查看数据点之间的关系。

实现的原理就是通过三角函数,将三元图的坐标点转换为XY轴坐标。从下图可以看出,每个点都可以通过辅助线,画一个新的等边三角形,从而求出该点在XY轴的位置。
在这里插入图片描述
放一个好看的案例在这里: 在这里插入图片描述

Tableau制作步骤

创建计算字段

导入样本数据Superstore之后,逐个创建计算字段:

  1. 先计算Orders、Quantity、Sales的百分比;
#Percentage of Total Orders
COUNTD([Order ID])/TOTAL(COUNTD([Order ID]))#Percentage of Total Quantity
SUM([Quantity]) / TOTAL(SUM([Quantity]))#Percentage of Total Sales
SUM([Sales]) / TOTAL(SUM([Sales]))
  1. 总的百分比:将1)步的三个值加总起来;
 #Total Percentages
[Percentage of Total Orders]+[Percentage of Total Quantity]+[Percentage of Total Sales]
  1. 分别求出三元值: 各维度百分比 除以总百分比
#Ternary Value: Quantity
[Percentage of Total Quantity]/[Total Percentages]#Ternary Value: Orders
[Percentage of Total Orders]/[Total Percentages]#Ternary Value: Sales
[Percentage of Total Sales]/[Total Percentages]
  1. 将三元值转换成X轴和Y轴上的值:
    这里的计算取值由各个维度的位置决定。比如,在这里的三角形的左、上、右分别是Sales、Quantity和Orders。所以Y轴使用了Quantity(顶部维度)来计算。X轴使用Orders作为初始值。
#Y
SIN(RADIANS(60))*[Ternary Value: Quantity]#X
[Ternary Value: Orders]+([Y]/TAN(RADIANS(60)))

创建参数:控制指标维度和颜色

设置一个参数去控制指标值的颜色和大小。

  1. 根据下面的内容创建指标参数:Metric Parameter

在这里插入图片描述
2. 创建Metric、Color两个参数:

#Metric
IF [Metric Parameter] = "Sales" THENSUM([Sales])
ELSEIF [Metric Parameter] = "Quantity" THENSUM([Quantity])
ELSECOUNTD([Order ID])
END#Color
IF [Ternary Value: Quantity]>[Ternary Value: Orders] AND [Ternary Value: Quantity]> [Ternary Value: Sales] THEN"Quantity"
ELSEIF [Ternary Value: Orders]> [Ternary Value: Quantity] AND [Ternary Value: Orders] >[Ternary Value: Sales] THEN"Orders"
ELSE"Sales"
END

图形制作

  • X、Y分别是列和行
  • Metric 放在"大小"
  • Color 放在"颜色"
  • 地理位置放在"详细信息":一个点代表了一个城市(最小的地理位置维度)
  • 补充三个数值计算总和在”详细信息“
    在这里插入图片描述

编辑轴

将X轴和Y轴的范围都设置成0到1,把轴标题删除掉
在这里插入图片描述

颜色、大小调整

颜色这里要调整透明度,令图案不会重叠覆盖。
在这里插入图片描述

网格线去除

“设置线格式”——“工作表”——“线”——“网格线"选项调整为"无”
在这里插入图片描述

设置工具提示

点击工具提示进行格式编辑,将提示工具编辑一下,删除不用的信息。
在这里插入图片描述在这里插入图片描述

添加背景

添加背景有两种方式:第一种直接导入背景图片;第二种就是另外导入数据,用画多边形的方式画图,在搭建仪表板时候选择"浮动"模式,像是制作PPT图像一样,将两个工作表叠在一起。这里只介绍最方便实用的第一种方法。

  1. 打开地图——点击背景图像——选择使用的数组源Superstore
    在这里插入图片描述
  2. 选择“添加图像”(添加成功的图像会在这里显示,也可以复用到其他图像上)

在这里插入图片描述

  1. 选择图片地址——要设定X、Y字段(右:1;上:1)——点击确定
    图像根据坐标轴的位置摆放,因为坐标轴范围是【0,1】,所以要填入数据位置。
    在这里插入图片描述

完成效果图

在这里插入图片描述

参考资料链接

计算原理和实现过程: https://www.flerlagetwins.com/2019/08/ternary.html
Superstore案例看板链接:https://public.tableau.com/app/profile/toan.hoang/viz/TernaryChart_15628715360680/TernaryPlot
Superstore原教程:https://tableau.toanhoang.com/creating-ternary-plots-in-tableau/
ternary graph视频教程:https://www.vizwiz.com/2021/04/ternary-graph.html

这篇关于Tableau制作三元相图/三角图(Ternary/Triangle Chart)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/170168

相关文章

用Unity2D制作一个人物,实现移动、跳起、人物静止和动起来时的动画:中(人物移动、跳起、静止动作)

上回我们学到创建一个地形和一个人物,今天我们实现一下人物实现移动和跳起,依次点击,我们准备创建一个C#文件 创建好我们点击进去,就会跳转到我们的Vision Studio,然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类,继承自MonoBehaviour{private Rigidbo

OpenStack离线Train版安装系列—0制作yum源

本系列文章包含从OpenStack离线源制作到完成OpenStack安装的全部过程。 在本系列教程中使用的OpenStack的安装版本为第20个版本Train(简称T版本),2020年5月13日,OpenStack社区发布了第21个版本Ussuri(简称U版本)。 OpenStack部署系列文章 OpenStack Victoria版 安装部署系列教程 OpenStack Ussuri版

OpenStack镜像制作系列5—Linux镜像

本系列文章主要对如何制作OpenStack镜像的过程进行描述记录 CSDN:OpenStack镜像制作教程指导(全) OpenStack镜像制作系列1—环境准备 OpenStack镜像制作系列2—Windows7镜像 OpenStack镜像制作系列3—Windows10镜像 OpenStack镜像制作系列4—Windows Server2019镜像 OpenStack镜像制作

OpenStack镜像制作系列4—Windows Server2019镜像

本系列文章主要对如何制作OpenStack镜像的过程进行描述记录  CSDN:OpenStack镜像制作教程指导(全) OpenStack镜像制作系列1—环境准备 OpenStack镜像制作系列2—Windows7镜像 OpenStack镜像制作系列3—Windows10镜像 OpenStack镜像制作系列4—Windows Server2019镜像 OpenStack镜像制作系

OpenStack镜像制作系列2—Windows7镜像

本系列文章主要对如何制作OpenStack镜像的过程进行描述记录 CSDN:OpenStack镜像制作教程指导(全) OpenStack镜像制作系列1—环境准备 OpenStack镜像制作系列2—Windows7镜像 OpenStack镜像制作系列3—Windows10镜像 OpenStack镜像制作系列4—Windows Server2019镜像 OpenStack镜像制作系列

OpenStack镜像制作系列1—环境准备

本系列文章主要对如何制作OpenStack镜像的过程进行描述记录 CSDN:OpenStack镜像制作教程指导(全) OpenStack镜像制作系列1—环境准备 OpenStack镜像制作系列2—Windows7镜像 OpenStack镜像制作系列3—Windows10镜像 OpenStack镜像制作系列4—Windows Server2019镜像 OpenStack镜像制作

CSDN:OpenStack镜像制作教程指导(全)

本系列文章主要对如何制作OpenStack镜像的过程进行描述记录,涉及基本环境准备、常见类型操作系统的镜像制作。 让你可以从零开始安装一个操作系统,并支持个性化制作OpenStack镜像。 CSDN:OpenStack镜像制作教程指导(全) OpenStack镜像制作系列1—环境准备 OpenStack镜像制作系列2—Windows7镜像 OpenStack镜像制作系列3—Windows

docker学习系列(四)制作基础的base项目镜像--jdk+tomcat

前面已经完成了docker的安装以及使用,现在我们要将自己的javaweb项目与docker结合 1.1准备jdk+tomcat软件 ​​我下载了apache-tomcat-7.0.68.tar.gz和jdk-7u79-linux-x64.tar.gz,存储于Linux机器的本地目录/usr/ect/wt/下(利用xshell上传)。利用linux命令 tar -zxvf apache-tom

牛客小白月赛100(A,B,C,D,E,F三元环计数)

比赛链接 官方讲解 这场比较简单,ABC都很签到,D是个不太裸需要预处理的 B F S BFS BFS 搜索,E是调和级数暴力枚举,F是三元环计数。三元环考的比较少,没见过可能会偏难。 A ACM中的A题 思路: 就是枚举每个边变成原来的两倍,然后看看两短边之和是否大于第三边即可。 不能只给最短边乘 2 2 2,比如 1 4 8 这组数据,也不能只给第二短边乘 2 2 2,比