highcharts - 显示 Highcharts 气泡图的附加文本

Question

好吧...我知道如何在 highcharts 气泡图中的每个气泡上显示自定义文本，但是是否可以在气泡上方或气泡外显示其他文本(如下图所示)？

对于那些需要知道如何在气泡上显示自定义文本的人，这里是图表选项的必需选项:( view the full code )

        plotOptions: {
        series: {
            dataLabels: {
                enabled: true,
                useHTML:true,
                formatter:function(){
                    return "<span style='position:relative;top:-10px;'>"+this.y + "$</span>";
                }
            }
        }

Answer 1

无论如何我都找到了解决方案。我使用 this.point.shapeArgs.r 来获取格式化程序函数中每个气泡的半径。这是函数:

formatter:function(){
                    return "<div class='labeltext'><span style='position :relative;top:-"+this.point.shapeArgs.r+"px;display:block'>Group #</span><span style='position:relative;top:-10px;text-align:center;'>"+this.y+"$</span></div>";
                }

完整的更新示例是 here

更新要解决“数据标签被裁剪”问题，请查看 this updated version