0

I'm using highcharts, the Venn module (highcharts/modules/venn.js), and using the highcharts-react-official package to support it in React, the need to show the Venn diagram circles as shown here:

enter image description here

This is what I have now:

enter image description here

However, I tried to figure out away to do this using legand.layout but did not manage to modify the alignment to get the that results, here's what I get.

Any Idea how to do so, if providing the code for that would help more, I'll be happy to share, but I thing either there's an API that I'm no able to find, or its not supported and I have either to find another solution or find a workaround

Really appreciate your time & help

<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>

3
  • 1
    Could you give more details? In general, in a Venn type chart, points are aligned according to their value, demo. Feb 13, 2023 at 8:42
  • Yes, sure I'll add a jsFieddel for this thanks @SebastianHajdus Feb 17, 2023 at 15:41
  • I have added a code sample of what I'm doing and the current results Feb 25, 2023 at 9:09

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.