Tableau api 将tableau仪表板嵌入react会弄乱仪表板的格式

我有一个tableau仪表板，我正试图使用将其嵌入react网站。虽然它在tableau public上看起来不错，但当我嵌入它时，布局会发生变化。在react中嵌入布局时，如何确保布局保持不变

编辑：这是我的代码。我用作参考

import React, { Component } from 'react';
import tableau from 'tableau-api';
 
class Visualization extends Component {
  componentDidMount() {
    this.initTableau()
  }
 
  initTableau() {
    const vizUrl = 'url';
    const vizContainer = this.vizContainer;
    let viz = new window.tableau.Viz(vizContainer, vizUrl)
  }
 
  render() {
    return (
      <div ref={(div) => { this.vizContainer = div }}>
      </div>
    )
  }
}
 
export default Visualization;

import React，{Component}来自'React'；
从“tableau api”导入tableau；
类可视化扩展了组件{
componentDidMount（）{
this.initTableau（）
}
initTableau（）{
const vizUrl='url'；
const vizContainer=this.vizContainer；
让viz=newwindow.tableau.viz（vizContainer，vizUrl）
}
render（）{
返回(
{this.vizContainer=div}}>
)
}
}
导出默认可视化；

有几个选项你应该看看

将仪表板的大小从自动更改为固定（参考）。如果仪表板中有浮动元素，这将有所帮助

将首选设备添加到仪表板面板

将“拟合”选项更改为“整个视图”

---

如果这些选项都不起作用，我建议您共享仪表板和代码的照片，以便能够调试

选项3对我有效，谢谢！我还为后代添加了代码