tableau -在tableau服务器或tableau public中显示全屏模式图标的反应问题

Question

我有一个问题，以显示全屏图标从tableau服务器或tableau公共。

实际上，我将React用于我的前端，并使用插件tableau-react嵌入来自tableau服务器或tableau public的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选项，所以我假设您需要创建一个包含TableauReport组件的单独iframe，然后使iframe全屏。