如何嵌入福彩3d走势图公共可视化功能如果你听到了我之前谈到了福彩3d走势图,你可能知道我是一个巨大的福彩3d走势图 Public倡导者。我对我的经验和职业机会的信贷很多 自由软件。我最喜欢的福彩3d走势图 Public是(1)它提供了一个沙箱,用于创造性和开发您的工作环境之外的技能,并提供可以从中下载和学习的无数示例。最近几个月,我与雇主进行了几次对话,雇主一直在审查候选人时将优质的福彩3d走势图公共投资组合引用作为最重要的考虑因素。

通过将福彩3d走势图公共可视化进一步迈出并将其嵌入WordPress博客(或类似),它还为分享您的技术或营销技能提供了巨大的策略。但是,我发现了本机嵌入式代码,可以在任何福彩3d走势图公共可视化的右下角找到,也有问题。有时有边界。有时有不需要的卷轴。有时我会得到额外的间距,不适合剩下的帖子。在WordPress中,在向帖子中编辑时,嵌入代码也可能是脆弱的。

因为我一直在嵌入 我的数据可视化 今年,我已经解决了我的首选方法。此帖子共享如何在没有边框,滚动条或间距问题的情况下嵌入福彩3d走势图公共可视化。甚至还有一个应用程序 - 在福彩3d走势图公共场所内置 - 当然 - 这将允许您复制和粘贴本机嵌入和共享链接代码以生成即时使用的IFrame代码。

 

如何嵌入没有边框,滚动条或间距问题的福彩3d走势图公共可视化

用我的首选方法嵌入福彩3d走势图公共可视化的诀窍是利用一些旧学校的HTML。以下是底层嵌入式代码查找我最新的数据可视化, 一个50个城市的故事:

<center><iframe src="//public.tableau.com/views/ATaleof50Cities/ATaleof50Cities?:embed=y&:display_count=yes&:toolbar=no" width="1004" height="1269" frameborder="0"></iframe></center>

我用我的最新可视化作为一个例子,但这是我用来嵌入每个福彩3d走势图公共仪表板的代码。获取用于不同工作簿的代码只需要三种小型更改:

1.将“SRC =”替换在“SRC =”之后的共享链接,以及第一组引号之间
2.更新可视化的宽度
3.更新可视化的高度

这些元素中的所有三个都来自分享选项,“嵌入代码”和“链接”,当您单击福彩3d走势图公共可视化右下角的“共享”按钮时出现。

首先,共享链接。如果要使用我的首选代码,只需复制共享链接并替换下面代码中的红色文本。

<center><iframe src="//public.tableau.com/views/ATaleof50Cities/ATaleof50Cities?:embed=y&:display_count=yes&:toolbar=no" width="1004" height="1269" frameborder="0"></iframe></center>

请注意,如果您看到原始视图或当前视图的共享链接,请使用原始视图。

接下来,将宽度和高度替换为您自己的福彩3d走势图公共仪表板的宽度和高度。这些数字来自嵌入式代码。这是原始嵌入代码 一个50个城市的故事 单击viz右下角的共享按钮后找到。我突出了红色的宽度和高度。您只需找到要在上一步中嵌入和替换它们的可视化的这些数字。

<div class='tableauPlaceholder' id='viz1498946781860' style='position: relative'><noscript><a href='https:&#47;&#47;www.ryansleeper.com&#47;'><img alt='A Tale of 50 Cities ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;AT&#47;ATaleof50Cities&#47;ATaleof50Cities&#47;1_rss.png' style='border: none' /></a></noscript><object class='tableauViz'  style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='path' value='views&#47;ATaleof50Cities&#47;ATaleof50Cities?:embed=y&amp;:display_count=y' /> <param name='toolbar' value='no' /><param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;AT&#47;ATaleof50Cities&#47;ATaleof50Cities&#47;1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /></object></div>                <script type='text/javascript'>                    var divElement = document.getElementById('viz1498946781860');                    var vizElement = divElement.getElementsByTagName('object')[0];                    vizElement.style.width='1004px';vizElement.style.height='1269px';                    var scriptElement = document.createElement('script');                    scriptElement.src = '//public.tableau.com/javascripts/api/viz_v1.js';                    vizElement.parentNode.insertBefore(scriptElement, vizElement);                </script>

另请注意与本机嵌入代码相比,管理新代码的更清晰更容易!

为了使这更容易,我在福彩3d走势图 Public中创建了一个小型应用程序,您可以在下面找到。要使用此功能,请复制并粘贴嵌入式代码并共享链接到相应的框中。 福彩3d走势图将完成查找适当的值并为您生成嵌入代码的工作。此代码可以直接从此网页复制,但是当您(1)在本地生成嵌入式代码后,通过单击应用程序(2)的右下角在本地下载工作簿时最佳 - 单击它,然后选择“查看数据”和(3)复制在WordPress(或类似)中使用的嵌入代码。


谢谢阅读,
– Ryan