react 项目中使用echarts热力图组件,缩放尺寸的时候,出现错误

问题是:在项目中引入一个热力图组件,需要可以缩放,引入了官网的样例。

使用了react-resizable 就是一个提供缩放的库,然后右下角缩放(和手动设置大小尺寸),都会导致左侧的图元变形。

有没有遇到这个情况的或者其他方法处理这个缩放需要的人可以指导一下,万分感谢。孩子要被折磨傻了。。。。

没做过这个,但是有个处理的思路。
可以把图例都自己用div实现。这样子图例是受控的。
点击过滤等事件就需要自己去通过控制数据源去再实现一遍了。