tableau反应问题，在tableau服务器或tableau公共中显示全屏模式图标

Question

我在从tableau服务器或tableau public显示全屏图标时遇到问题。

事实上，我使用React作为我的前端和插件tableau React来嵌入tableau服务器或tableau公共的tableau URL。

这是我的代码审查

const options = {
hideTabs: true,
width: '100%',
height: 1000,
allowFullScreen: true
};
const urlTableau  = 'http://public.tableau.com/views/CottonwoodPassAreaMap/WayPointsbetweenCottonwoodpassandCrabtreeMeadows?:embed=y&:display_count=yes';
this.setState({
iframeTableau: <TableauReport
url={urlTableau}
options={options}
/>
});

我的代码有问题吗？

谢谢。

Answer 1

tableau react文档表示，支持的选项道具有：

const options = {
height: 100,
width: 100,
hideTabs: false,
// All other vizCreate options are supported here, too
// They are listed here: https://help.tableau.com/current/api/js_api/en-us/JavaScriptAPI/js_api_ref.htm#vizcreateoptions_record
};

我在VizCreateOptions Record的任何位置都看不到allowFullScreen选项，所以我认为您需要创建一个单独的iframe，其中包含TableauReport组件，然后使iframe全屏显示。