显示/隐藏C3图表宽度更改

时间:2017-06-14 19:45:41

标签: ember.js toggle show-hide c3.js

我正在开发一个ember项目,并使用C3图表进行数据可视化。 在一个页面上,我需要放置2个图表,并且需要在按钮单击(切换效果)上显示/隐藏。但是在切换第二个图表(最初隐藏)时,图表的宽度会发生变化(增加),但第一个图表(最初显示)会保持预期。

我注意到的另一件事是,如果我打开控制台进行调试,那么第二个图表将恢复到原来的宽度。这很奇怪,无法理解这种行为。

如果有人对此问题有所了解。请分享......

1 个答案:

答案 0 :(得分:1)

  

我注意到的另一件事是,如果我打开控制台进行调试,那么第二个图表将恢复到原来的宽度。这很奇怪,无法理解这种行为

我怀疑C3使用supports the allman- aka east-coast- style事件来调整图表大小。我不知道您使用什么技术来显示/隐藏,但在几毫秒之后手动触发resize事件可能会有所帮助。但是如果你使用车把的resize助手来显示/隐藏图表和组件以呈现c3,那么根本不应该存在这样的问题。