Tableau可视化技巧--介绍两种常用的组合图

在实际数据展示过程中,由于报表空间的有限,或者需要展示的信息较多,单一图表往往不容易满足我们的需求。不同图表组合到一起往往能够达到不错的效果。

在这里插入图片描述

本文我们介绍两种笔者经常使用的组合图形以及基本思路

一、折线图和饼图的组合

图片

上面的图表一方面能够展示随着时间维度下销售额的变化情况,也能够直观的看到不同类别的销售额占比情况。 特别是对于类比较少的数据分布展示上效果突出。

下面我们看一下实现步骤:

本文数据源仍为Tableau自带数据源 - 示范数据超市

1、制作不同月份销售额的折线图。
订单日期拖入列功能区,销售额拖入行功能区即可

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要将Tableau可视化嵌入PHP网页中,您需要遵循以下步骤: 1. 创建一个Tableau Server账户并上传您的可视化文件。 2. 在Tableau Server中设置您的可视化文件的共享选项,以便在外部应用程序中嵌入。 3. 在PHP网页中使用Tableau JavaScript API调用您的可视化文件。 以下是具体步骤: 1. 创建Tableau Server账户并上传您的可视化文件 - 访问Tableau Server网站并创建一个账户。 - 在Tableau Server上上传您的可视化文件(.twb或.twbx文件)。 - 确保您拥有可视化文件的共享权限,以便在外部应用程序中嵌入。 2. 在Tableau Server中设置您的可视化文件的共享选项 - 打开Tableau Server中的可视化文件。 - 单击“共享”选项卡。 - 选择“在Web页面中嵌入此视”选项。 - 设置其他共享选项,例如允许用户交互和调整大小。 3. 在PHP网页中使用Tableau JavaScript API调用您的可视化文件 - 将Tableau JavaScript API添加到您的PHP网页中。您可以从Tableau开发人员网站下载API。 - 在PHP网页中创建一个容器元素,用于嵌入Tableau可视化。 - 使用Tableau JavaScript API调用您的可视化文件并将其嵌入到容器元素中。 以下是一个基本示例代码: <!DOCTYPE html> <html> <head> <title>Tableau Embedding with PHP</title> <script src="https://public.tableau.com/javascripts/api/tableau-2.min.js"></script> </head> <body> <div id="tableauViz"></div> <script> var containerDiv = document.getElementById("tableauViz"); var url = "https://your-tableau-server-url/views/your-visualization"; var options = { width: "100%", height: "500px", hideTabs: true, hideToolbar: true }; var viz = new tableau.Viz(containerDiv, url, options); </script> </body> </html> 您需要将“your-tableau-server-url”和“your-visualization”替换为您的Tableau Server网址和可视化文件名称。 此代码将在PHP网页中创建一个高度为500像素的Tableau可视化。您可以根据需要更改容器元素的大小和共享选项。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值