它是如何用高级图表实现这个图表的？

Question

45180/the-art-and-science-of-investment-decision-making.html

在Investment Decision-Making in 2016下面有一个非常好的图表和饼图。

我知道现在是高分了。我想写些类似的东西。但是我在它的文档中找不到类似的图表类型。你能告诉我这是什么样的图表吗？以及如何在气泡中放置不同的数据项。

Answer 1

它看起来像是由line、泡泡和饼系列组合而成。

线系列(可选:散布与lineWidth > 0)是在气泡之下。所有与本系列的交互都应禁用(悬停状态、工具提示等)。

气泡内的文本是数据标签(dataLabels.enabled属性应设置为true)。您可以在dataLabels.formatter回调函数中管理其内容。

您可以处理在plotOptions.bubble.point.events.mouseover回调函数中显示/添加饼形图的问题。甜甜圈中间的文本可以通过SVGRenderer.text()呈现。

我提到的所有选项都可以在API：https://api.highcharts.com/highcharts/中找到。