tableau Day3复盘

1.“地图层”中“背景冲蚀”100%时底图背景变为空白

2.绘制地图时,要将文字格式的字段设置为“地理角色”中的相应格式,再直接双击地理角色格式的字段即可出现地图

3.构建层级结构,先“创建分层结构”,再管理下级,每一层的下级可直接拖拽到该层内,也可右键下级“添加到分层结构”

4.管理班组,右键待分组字段,“创建组”,选中群组对其进行分组

5.地理区域分组的“套圈选择”

6.使用if函数创建计算字段“盈亏标志”:if sum([利润])>0 then "盈" else "亏" end

7.“聚合”功能就是指“度量”功能

8.筛选器结合分层结构,能够计算出不同类别产品不同型号的利润、利润率,注意利润/销售额与sum(利润)/sum(销售额)的区别(前者有可能将多个子类别的利润率计算后再加总,导致出错)

9.利用函数可创建计算字段“按月移动平均值”,创建参数可以计算“N月移动平均值”

10.人口金字塔图

当age为数字格式时年龄85岁以上显示为null,文本格式可显示,但文本格式的age无法创建数据桶(创建直方图的关键),所以需要创建计算字段利用函数if [Age]="85+" then 85 else INT([Age]) end将文本age转换成数值型‘年龄’[注:int()为取整函数],再创建数据桶。男性人数和女性人数必须分开计数,创建2张年龄结构图,创建计算字段“男性人数”(if [Gender]="Male" then [Estbase2010] else 0 end)和“女性人数”(if [Gender]="Female" then [Estbase2010] else 0 end)。将gender拖动到“全部”下的“颜色”标记中,将男女分色块区分。

### 如何在 Vue3 中嵌入 Tableau 可视化 为了在 Vue3 项目中成功嵌入 Tableau 可视化,需遵循一系列最佳实践以确保集成过程顺利并优化用户体验。Tableau 提供了一个 JavaScript API 来帮助开发者实现这一点。 #### 准备工作 首先,在 HTML 文件头部引入 Tableau 的 JavaScript SDK: ```html <script type=&#39;text/javascript&#39; src=&#39;https://public.tableau.com/javascripts/api/tableau-2.min.js&#39;></script> ``` 此脚本提供了必要的功能来加载和控制 Tableau 视图[^4]。 #### 创建 Vue 组件 接着,创建一个新的 Vue 组件用于承载 Tableau 视图。组件内部定义 `mounted` 生命周期钩子函数初始化 Tableau 视图实例,并将其附加到指定 DOM 节点上。 ```javascript <template> <div ref="tableauContainer"></div> </template> <script setup> import { onMounted } from &#39;vue&#39;; onMounted(() => { const url = &#39;https://public.tableau.com/views/YourWorkbookName/DashboardName&#39;; let containerDiv = document.querySelector(&#39;#tableauContainer&#39;); let options = { hideTabs: true, onFirstInteractive: () => console.log(&#39;View is first interactive&#39;) }; new window.tableau.Viz(containerDiv, url, options); }); </script> <style scoped> #tableauContainer { width: 800px; height: 600px; } </style> ``` 上述代码片段展示了如何配置 Tableau 视图选项以及设置容器尺寸样式。 #### 处理响应式设计 为了让 Tableau 图表能够适应不同屏幕大小,可以通过监听窗口变化事件调整图表宽度高度属性,保持良好的视觉体验。 ```javascript window.addEventListener(&#39;resize&#39;, resizeHandler); function resizeHandler() { viz.resize(); } // 清除事件监听器防止内存泄漏 beforeUnmount(() => { window.removeEventListener(&#39;resize&#39;, resizeHandler); }) ``` 这段逻辑保证了当浏览器窗口改变时,Tableau 视图会自动重新渲染以匹配新的布局需求。 #### 安全性和性能考虑 考虑到安全因素,建议仅从可信源加载 Tableau 内容;同时为了避免影响页面加载速度,可延迟加载 Tableau SDK 或者按需懒加载特定视图资源。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值