图表宽度问题
我正在开展一个项目，其设计类似于小提琴中的设计 。
左侧的侧面导航带有切换选项，图表位于右侧。
正在发生的事情是图表响应性很棒，当我调整窗口大小时它非常完美。
但是在我的项目中，我有一个切换按钮来切换左侧的navigation栏，它正常工作。
当我隐藏导航栏。 div宽度变为屏幕的100％，但图表的宽度保持不变，除非我在窗口上执行一些操作，如重新resize。
在小提琴中你可以找到当你切换侧边栏时我正面临的问题。
注意：赋予div的边框表示切换侧边栏时div的宽度。
我对此做了谷歌，但我一无所获。
如果任何面临同样的问题并找到任何解决方案。 请帮帮我。
提前致谢。
图表似乎在窗口resize事件上重新绘制/resize，因此您可以在切换侧边栏后触发该事件。
$('#toggle-button').click(function() { $('body').toggleClass('toggle-sidebar'); $(window).resize(); })
演示jsFiddle