Question

我正在使用Google的甘特图的react组件。图表数据是组件状态的一部分，我将根据用户操作对其进行更新。我正在根据行数计算甘特图高度，并将其作为height道具传递。

<Chart
      chartType="Gantt"
      data={[columns, ...this.state.data_rows]}
      width="100%"
      height={(this.state.data_rows.length + 1) * 42}
      legendToggle
    />

不幸的是，似乎正在考虑对chartData道具进行更新，但高度并未更新。

我已经建立了一个沙箱来显示此内容：

https://codesandbox.io/s/l59199w8zl

如果单击“添加行”按钮，则会添加一行，但是高度保持不变。如何使甘特图按需增长？

Answer 1

您应该尝试更新SVG高度；我已经修改了代码以动态获取export ORACLE_HOME=<Oracle home path> export PATH=$PATH:$ORACLE_HOME/bin sqlplus -s user1/user1<<! Spool on set heading off SET FEEDBACK OFF set wrap off set colsep , SET LINESIZE 200 set trims on Spool /tmp/<Yourfilename>.csv select 'col1','col2' from dual; select col1,col2 from tab1; . . . . . . . . Spool off EXIT并在添加行时设置height。

https://codesandbox.io/s/7jy25q8mj

SVG height

Google甘特图未更新高度

1 个答案: