图表:维恩图如何显示总数和联合编号？

Question

我使用highchart.js生成报告。我需要生成像下面的图像那样的venn图：

​

在this post和jsfiddle example的帮助下，我将能够生成Venn，但无法获得如何显示圆圈内的数字。我阅读了关于如何作为给定的here传递系列选项中的数据的文档，但无法理解如何传递数据。我们能用高图法做这样的事吗？请给我指出一些指针或演示的例子，可以帮助我实现上述的例子。

我看过其他的venn图，它们生成的javascript是很好实现的，但是由于大多数报告都使用highcharts.js，所以我不想仅仅为了获得venn图的功能而集成任何其他图js。

Answer 1

我能够通过将该系列添加为：

{
              enableMouseTracking: false,

              marker: {
                enabled: false
              },
              dataLabels: {
                defer: false,
                enabled: true,
                y: 40,
                style: {
                    fontSize: '20px',
                    color: 'white'
                },
                format: '{point.name}'
              },
              keys: ['x', 'y', 'name'],
              data: [
                [5.5, 30, Chinese],
                [4, 85, English],
                [2.5, 30, Russian]
              ]
            }

完整链接：http://jsfiddle.net/suprcool01/mzdx1y19/

Answer 2

那么，您可以尝试使用dataLabels，比如：http://jsfiddle.net/AyqzZ/78/，但是每个圆圈只能得到一个标签。

我认为唯一的解决方案是使用renderer向图表中添加文本。但是首先你需要计算标签放在哪里，这是最难的部分--找到几个圆圈的交叉点。在此之后，在负载事件中添加标签负载事件。