在react中嵌入一个表式仪表板会扰乱仪表板的格式。

Question

我有一个桌面仪表板，我试图嵌入到一个反应网站使用tableau-api npm软件包。虽然它看起来很好，在图片公开，布局变化时，我嵌入它。如何确保在将布局嵌入到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;

Answer 1

有几个选项你应该看看

1. 将仪表板的大小从自动更改为固定(参考这里)。如果仪表板中有浮动元素，这将有所帮助。
2. 将您喜欢的设备添加到仪表板上

​

​

1. 将fit选项更改为整个视图

​

​

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