reactjs - 如何快速更改 ApexCharts 条的宽度？

Question

我有一个侧边栏和一个 ApexCharts 栏。当我单击侧边栏时，它会顺利打开，但栏会突然改变其宽度。

请看示例https://codesandbox.io/s/react-apexcharts-bar-chart-forked-c52pq?file=/src/index.js

单击左侧的红色矩形，即“侧边栏”。

是否可以在没有水平滚动条的情况下使栏平滑地改变其宽度？提前致谢！

我试过但失败了：

• 父级上的过渡
• 顶点图表动画
• redrawOnParentResize
• window.dispatchEvent(新事件('resize'))
• 反应参考
• 设置超时

标签： reactjsapexcharts