如何用highcharts库绘制欧拉图？

Question

我想绘制如下图的图表。如何使用Highcharts库做到这一点？

我能够在高图中获得同心圆，但不是这样。请帮助。

或者如果可以完成这项工作，建议我去图书馆。预先谢谢你。

Answer 1

您可以使用venn系列类型并在加载事件中手动放置圆形元素，例如：

    chart: {
        events: {
            load: function() {
                var points = this.series[0].points,
                    point1R = points[0].shapeArgs.r;

                points[1].graphic.attr({
                    x: points[1].graphic.getBBox().x - (point1R - points[1].shapeArgs.r)
                });

                points[2].graphic.attr({
                    x: points[2].graphic.getBBox().x - (point1R - points[2].shapeArgs.r)
                });
            }
        }
    }

---

实时演示：https://jsfiddle.net/BlackLabel/padhgfe9/1/

API参考： https://api.highcharts.com/highcharts/series.venn