Highcharts: Venn Diagram, как показать общее количество и число соединений?

Question

Я использую highchart.js для создания отчетов. Мне нужно создать диаграммы Венна, как на рисунке ниже:

С помощью this post и jsfiddle example, я буду иметь возможность создавать диаграммы Венна, но не получают, как показывают цифры внутри круга. Я прочитал документ о том, как передавать данные в опции серии, как указано here, но не может понять, как это сделать. Можем ли мы сделать что-то подобное с помощью графических карт? Пожалуйста, укажите мне некоторые указатели или примеры демонстраций, которые могут помочь мне достичь вышеупомянутого примера.

Я рассмотрел другую диаграмму venn, генерирующую javascript, которые можно реализовать, но поскольку большая часть отчета использует highcharts.js, я не хочу интегрировать любой другой график js, чтобы получить функциональность диаграммы venn.

Answer 1

Ну, вы можете попробовать использовать dataLabels, например: http://jsfiddle.net/AyqzZ/78/, но вы получите только одну метку за круг.

Я думаю, что единственное решение - использовать renderer для добавления текстов в диаграмму. Но сначала вам нужно вычислить, где положить этот ярлык, и это самая сложная часть - найти пересечение для нескольких кругов. После этого добавьте метки this way в load event.