Reactjs 动态图2.x图例位于图的右侧

Reactjs 动态图2.x图例位于图的右侧,reactjs,legend,dygraphs,Reactjs,Legend,Dygraphs,我一直在尝试将代码从1.1.1更新为dygraphs 2.x,但我遇到了图例问题 我相信这与我们的页面结构有关。我们还使用了React,因此这可能也会产生影响 dygraph位于一个选项卡上,该选项卡最初是隐藏的,直到用户在选择各种选项和数据源以生成时间序列折线图后单击按钮 “图例”选项设置为“始终”似乎会将图例从用户无法读取的图形右侧推离。除非用户全屏显示浏览器 调试源代码后,我可以看到offsetWidth用于定位图例,并返回0。我只能猜测,因为图表中的div只有在绘制图表后才可见,这可能会

我一直在尝试将代码从1.1.1更新为dygraphs 2.x,但我遇到了图例问题

我相信这与我们的页面结构有关。我们还使用了
React
,因此这可能也会产生影响

dygraph
位于一个选项卡上,该选项卡最初是隐藏的,直到用户在选择各种选项和数据源以生成时间序列折线图后单击按钮

“图例”选项设置为“始终”似乎会将图例从用户无法读取的图形右侧推离。除非用户全屏显示浏览器

调试源代码后,我可以看到offsetWidth用于定位图例,并返回0。我只能猜测,因为图表中的div只有在绘制图表后才可见,这可能会扰乱图例的位置

如果我在图表可见时重新生成图表,图例将根据需要显示在图表上方。但是,如果我随后隐藏图表(通过单击其他选项卡),然后显示图表(单击其选项卡),则图例将再次向右关闭

我不知道如何解决这个问题

现在我又回到了1.1.1,它没有这个问题


希望有人能给我一些建议。

我在尝试迁移到v2时遇到了类似的问题,在花了太多时间升级后又恢复到v1。希望有人来帮忙。这有帮助吗?