How to control the aligning in highchartjs Venn diagram, with React

Question

我正在使用

highcharts

，维恩模块（

highcharts/modules/venn.js

），并使用

highcharts-react-official

包在React中支持它，需要显示维恩图圆圈，如下所示：

这就是我现在拥有的：

但是，我试图弄清楚使用

legand.layout

来做到这一点，但没有设法修改对齐方式以获得该结果，这就是我得到的。

任何想法如何做到这一点，如果提供代码会有更多帮助，我会很乐意分享，但我认为要么有一个我无法找到的 API，要么它不受支持，我有寻找另一个解决方案或找到解决方法

非常感谢您的时间和帮助

<iframe src="https://codesandbox.io/embed/youthful-cray-7zg7p5?autoresize=1&fontsize=14&hidenavigation=1&theme=dark"
     style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
     title="youthful-cray-7zg7p5"
     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   ></iframe>