highcharts庫如何畫歐拉圖？

Question

我想繪制如下圖所示的圖表。 我如何使用 Highcharts 庫來做到這一點？

我能夠在 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