Tableau数据可视化与仪表盘搭建-可视化原则及BI仪表盘搭建

目录

可视化原则

BI仪表盘搭建

仪表盘搭建原则

明确仪表盘主题

仪表盘主题拆解

开发设计工作表

经营情况总览:突出显示的文字

经营数据详情:表格

每日营收数据:多轴折线图

每日流量数据:双轴组合图

新老客占比:环形图

平台占比:环形图

门店占比:环形图

投放情况:散点图

订单发布:面积图

配送分布:地图

仪表盘布局

加亿点点细节

联动筛选

边框

简化

字体

配色

最终结果


可视化原则

如果要在tableau加注释

https://public.tableau.com/zh-cn/gallery/?tab=viz-of-the-day&type=viz-of-the-day

BI仪表盘搭建

仪表盘搭建原则

明确仪表盘主题

仪表盘主题拆解

开发设计工作表

经营情况总览:突出显示的文字

先添加GMV

有了GMV后,可以在这个基础上继续添加其它

我们将其横过来放

然后再加入其它信息

由于cpc总费用并没有覆盖所有的数据

所以要加一个日期的筛选

设置上面这个以后

拉动时间

其它的表也会出现筛选器

并且数据也会跟着变化

经营数据详情:表格

每日营收数据:多轴折线图

没错拖拽都要改

十分麻烦

我们自定义一个以天为单位的日期

再添加GMV

我们的筛选器也出现了

我们还可以再添加其它数据

比如商家实收

我们发现变成两个图了

如果要放到一个图

一样拖拽到GMV的数轴中即可

我们还可以添加其它数据

但如果我们的数据特别小或者是一个百分比的话

放到轴上就会出现在最底下,百分之只有0点几

每日流量数据:双轴组合图

设置一下进店率的格式

这里的百分比数太小,在最下面

将其变成双轴

如果要将其变到一起,则

这里变回原样,再次点击同步轴

但这里的曝光人数也放曲线就显得不好看

我们做一个调整

曝光人数是一个流量的大背景,在这个背景下是什么样的成交率和进店率

我们可以将其变成条形图

调整这里的前后位置

可以调整图层的顺序

我们还是将曝光人数放在后面

然后调整一下大小

 

在调整一下颜色透明度

这里就有一种背景的感觉

在加上趋势线

新老客占比:环形图

90天内没有下单都是新客

在添加标签

设置百分比格式

再加一个新老客标签

我们也可以添加一下其它的

比如在工具提示中,加上订单金额

鼠标放在饼图上时,就能看见这个订单金额

环形图相当于在饼图中扣了一个圈

我们首先在行数输入0(双击就能输入)

接着在进行一个双轴操作

合并成了一个

我们选一个,将其中的内容全部去除

将颜色变为白色

将大小缩小

就变成了这样

继续调整一下大小

我们可以将左右两边的线给隐藏掉

再将中间的0值线给去除

平台占比:环形图

 复制一下上面的环形图

在设置一下这个合计百分比的格式

这里的平台名称是英文的

我们也做一个修改

设置一个别名

将里面的度量名称拽掉

门店占比:环形图

投放情况:散点图

在用品牌名称实现一个颜色上的区分

再加一个趋势线

订单发布:面积图

面积就是对折现图区分之后做一个面积展示

tips:点击这个按钮可以产看表中数据

然后将order技术

将下单日期时间放到颜色上

将其变为一个离散的小时

这就是每个小时在过去每一天的下单数的差别

配送分布:地图

双击经纬度

然后用主键将其拆开

然后对距离创建一个分组

使用  shift+左键  选择0-500的,

其余类似操作

上面可能是由两家店,所以有两个中心点

仪表盘布局

https://public.tableau.com/zh-cn/gallery/?tab=viz-of-the-day&type=viz-of-the-day

tips:这里第二个和第三个是新建仪表盘和故事

故事就是相当于一页PPT

我们在仪表盘中拖拽两张图

到故事中

就可以拖拽这个仪表盘

就是在故事中寄放这个仪表盘

也可以在添加其它的

就像一页页PPT一样

也可以添加一些说明

下面介绍一下仪表盘的使用

可以通过拖拽实现一个布局

点击浮动后

就可以让界面浮动在界面上

这个可以清空工作表

我们也可以额外添加一些扩展程序

还可以添加图像

还有水平容易

如果有两个工作表

我们想让其中间隔一点距离

还可以插入文字

左上角可以设置仪表盘的大小

一般下面这个比较好一点

在此基础上

我们可以继续设置这个高度

下面添加一个经营情况总览

如果要加背景颜色

我们可以在布局这里加一个背景颜色

接下来添加经营数据详情

我们稍微修改一下这个,添加一个每日日期

还是将门店作为筛选器更好一点

将其应用到所有工作表

我们可以在仪表盘中

让其显示筛选器

将其调整为多值下拉列表

并让筛选器浮动

日期筛选器同样浮动

经营数据右边就是配送分布

下面分别是新来客占比、平台占比以及门店占比

下面就是营收以及营收流量

最后还有投放情况和订单分布

然后要调整一下布局

比如这里

放满整个框子

点击这里可以查看整个布局

环形图太大了

我们可以做一个修改

这里可以快速跳转到工作簿

这里的环形图调整大小的时候

要同时调整两个

有时候可能需要靠 目力 去调整

加亿点点细节

联动筛选

点击右上角的图形,就会启用筛选器

我们在选择某一笔订单后,就会只剩下这个订单的数据了

边框

简化

将之间的线去除

在工作簿中奖表格的两根线去除

我们也可以修改地图的背景

再去改一下地图层

改一下冲蚀,就是透明度

字体

编辑的时候要选中<工作表名称>

设置格式-仪表盘-工作表标题里统一换

下面这里的字体一样要改

配色

https://mp.weixin.qq.com/s?__biz=MzA5NjU0NzIwNg==&mid=2650036415&idx=1&sn=3b5e72771bfec0d960d0e01710493053&chksm=88ae8056bfd90940d20db9f21e4d7fc9c17f21db8a0927141ad460d07e5163e92280be065e0d&mpshare=1&scene=24&srcid=0426d8DyZclI6CJVxZDf02WZ&key=f4f55a58660f93ccce2c1deaa55ffabaf90aecf722a158bd56bc701eb12fd0885caeff730049d94374d5e5ea4e4e202bba884f47bf6e79d8fd995aabd0fe0ae767b1953e1de9ebe71c1180d2bac34cbc&ascene=1&uin=NjUxNTQzMDA1&devicetype=Windows+10+x64&version=62090070&lang=zh_CN&exportkey=A%2BuM0BhkPclQXhoZDf6l7Mo%3D&pass_ticket=5H0yKOohxiKsClwYcnWMWFj%2FgWFhPGGnKVKKH8udgafp%2FaOmL7VZ8Xr6Bnpg8ue2

logo配色,可以通过下面的拾取屏幕颜色去识别logo的配色

在这里我们可以将度量名称放到颜色上

然后去修改每一个数据项的颜色

下面这里的颜色也是可以改的

配送距离这里同样可以编辑颜色

环形图同样

同样

下面差不多

最终结果

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/66643.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vue2日历组件

这个代码可以直接运行&#xff0c;未防止有组件库没安装&#xff0c;将组件库的代码&#xff0c;转成文字了 vue页面 <template><div class"about"><div style"height: 450px; width: 400px"><div style"height: 100%; overflo…

交响曲-24-3-单细胞CNV分析及聚类

CNV概述 小于1kb是常见的插入、移位、缺失等的变异 人体内包含<10% 的正常CNV&#xff0c;我们的染色体数是两倍体&#xff0c;正常情况下&#xff0c;只有一条染色体表达&#xff0c;另一条沉默&#xff0c;当表达的那条染色体发生CNV之后&#xff0c;表达数量就会成倍增加…

UDP -- 简易聊天室

目录 gitee&#xff08;内有详细代码&#xff09; 图解 MessageRoute.hpp UdpClient.hpp UdpServer.hpp Main.hpp 运行结果&#xff08;本地通信&#xff09; 如何分开对话显示&#xff1f; gitee&#xff08;内有详细代码&#xff09; chat_room zihuixie/Linux_Lear…

python对redis的增删查改

python对redis的增删查改 安装 redis-py 库连接 Redis 服务器增1. 字符串&#xff08;String&#xff09;2. 列表&#xff08;List&#xff09;3. 哈希&#xff08;Hash&#xff09;4. 集合&#xff08;Set&#xff09;5. 有序集合&#xff08;Sorted Set&#xff09; 删1. 删除…

电影动画shader解析与实现

着色器代码解析 大家好&#xff01;我是 [数擎AI]&#xff0c;一位热爱探索新技术的前端开发者&#xff0c;在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情&#xff0c;欢迎关注我的文章&#xff0c;我们一起成长、进步&#xff01; 开发领域&#xff1a;…

代码随想录算法【Day11】

150. 逆波兰表达式求值 class Solution { public:int evalRPN(vector<string>& tokens) {// 力扣修改了后台测试数据&#xff0c;需要用longlongstack<long long> st; for (int i 0; i < tokens.size(); i) {if (tokens[i] "" || tokens[i] &…

让Qt 具有多选文件夹和记忆上一次打开位置的文件对话框

最近要做一个可以多选文件夹的功能&#xff0c;在网上查阅了多个资料&#xff0c;发现github有一段代码可以实现该功能&#xff0c;于是将其收入进行改造。另外qt自带的 getExistingDirectory 和 getOpenFileNames 不具有记忆上一次打开的文件夹位置。要实现多选文件夹和记忆上…

【杂谈】-50+个生成式人工智能面试问题(一)

50个生成式人工智能面试问题 文章目录 50个生成式人工智能面试问题1、生成式人工智能面试问题与神经网络相关Q1. 什么是Transformers&#xff1f;Q2. 什么是注意力机制&#xff1f;有哪些类型的注意力机制&#xff1f;Q3. 为什么Transformer比RNN架构更好&#xff1f;Q4. Trans…

【FlutterDart】 拖动边界线改变列宽类似 vscode 那种拖动改变编辑框窗口大小(11 /100)

【Flutter&Dart】 拖动改变 widget 的窗口尺寸大小GestureDetector&#xff5e;简单实现&#xff08;10 /100&#xff09; 【Flutter&Dart】 拖动边界线改变列宽并且有边界高亮和鼠标效果&#xff08;12 /100&#xff09; 上效果&#xff1a; 这个在知乎里找到的效果&…

原型模式详解与实践

在软件开发的奇妙世界里&#xff0c;我们常常面临重复创建相似对象的任务。如果每次创建都要从头开始设置各种属性和状态&#xff0c;不仅繁琐&#xff0c;还可能降低效率。原型模式就像一位神奇的魔法师&#xff0c;为我们提供了一种通过复制现有对象来创建新对象的优雅方式。…

比较procfs 、 sysctl和Netlink

procfs 文件系统和 sysctl 的使用: procfs 文件系统(/proc) procfs 文件系统是 Linux 内核向用户空间暴露内核数据结构以及配置信息的一种方式。`procfs` 的挂载点是 /proc 目录,这个目录中的文件和目录呈现内核的运行状况和配置信息。通过读写这些文件,可以查看和控制内…

【Rust自学】11.1. 编写和运行测试

喜欢的话别忘了点赞、收藏加关注哦&#xff0c;对接下来的教程有兴趣的可以关注专栏。谢谢喵&#xff01;(&#xff65;ω&#xff65;) 11.1.1. 什么是测试 在Rust里一个测试就是一个函数&#xff0c;它被用于验证非测试代码的功能是否和预期一致。 在一个测试的函数体里通…

数据分析思维(八):分析方法——RFM分析方法

数据分析并非只是简单的数据分析工具三板斧——Excel、SQL、Python&#xff0c;更重要的是数据分析思维。没有数据分析思维和业务知识&#xff0c;就算拿到一堆数据&#xff0c;也不知道如何下手。 推荐书本《数据分析思维——分析方法和业务知识》&#xff0c;本文内容就是提取…

有关Redis的相关概述

一、Redis概述 1.1 Redis简介 Redis是一个开源的高性能键值对数据库&#xff0c;使用C语言编写&#xff0c;支持多种数据结构&#xff0c;如字符串&#xff08;String&#xff09;、列表&#xff08;List&#xff09;、哈希&#xff08;Hash&#xff09;、集合&#xff08;Set…

_controller_validate

在 controller 中我们首先对所有的请求进行日志记录&#xff0c;身份校验&#xff0c;参数校验之后直接把过滤后的数据丢给 logic(serviceImpl) 。这样子一来 controller 只是充当了 路由 过滤器 的作用&#xff0c;如果之后修改 API &#xff0c;前端的请求地址不需要修改&am…

57. Three.js案例-创建一个带有聚光灯和旋转立方体的3D场景

57. Three.js案例-创建一个带有聚光灯和旋转立方体的3D场景 实现效果 该案例实现了使用Three.js创建一个带有聚光灯和旋转立方体的3D场景。 知识点 WebGLRenderer&#xff08;WebGL渲染器&#xff09; THREE.WebGLRenderer 是 Three.js 中用于将场景渲染为 WebGL 内容的核…

Idea-离线安装SonarLint插件地址

地址&#xff1a; SonarQube for IDE - IntelliJ IDEs Plugin | Marketplace 选择Install Plugin from Disk..&#xff0c;选中下载好的插件&#xff0c;然后重启idea

MyBatis面试-1

1、什么是MyBatis&#xff1f; MyBatis是一个半ORM框架(对象关系映射)。---》Hibernate全ORM框架 ---》基于JDBC封装的框架 专注于SQL语句&#xff0c;不用关心JDBC操作的其他流程 2、MyBatis有什么优点 基于SQL语句的编程&#xff0c;相对来说会更加的灵活和JDBC相比&#…

Unity:删除注册表内的项目记录

然后WinR按键输入regedit 打开注册表 在注册表 HKEY CURRENT USER—>SOFTWARE—>Unity—>UnityEditor—>DefaultCompany —>language_Test 中&#xff0c;删除我们的之前存储的语言环境数据。在 “ 三、文本调用和替换 ” 测试时已经将语言环境存储到注册表中了…

历代iPhone运行内存大小和电池容量信息

系列设备名称充电端口标配充电线PD快充无线充电 (W)标配充电器电池容量 (mAh)发布时间RAM运存iPhone 16iPhone 16 Pro MaxUSB Type-CUSB-C to USB-C支持25无47472024/9/108GB LPDDR5XiPhone 16 ProUSB Type-CUSB-C to USB-C支持25无35772024/9/108GB LPDDR5XiPhone 16 PlusUSB …