Как нарисовать диаграмму Эйлера с библиотекой highcharts? - PullRequest
Новая
       18

Как нарисовать диаграмму Эйлера с библиотекой highcharts?

1 голос
/ 28 мая 2020

Я хочу нарисовать диаграмму, как на следующем изображении. Как я могу сделать это с помощью библиотеки Highcharts? euler-diagram-example

Я могу получить концентрический c круг в highcharts, но не так. Пожалуйста, помогите.

Или предложите мне библиотеку, если с ней можно справиться. Заранее спасибо.

1 Ответ

0 голосов
/ 28 мая 2020

Вы можете использовать тип серии 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)
                });
            }
        }
    }

Live demo : https://jsfiddle.net/BlackLabel/padhgfe9/1/

Ссылка API: https://api.highcharts.com/highcharts/series.venn

...