Highcharts个别气泡的命名

Question

新的Highcharts v3.0气泡图看起来不错。是否可以使用名称/文本来注释和显示每个气泡？感谢，奈杰尔。

Answer 1

根据你想要显示的内容，它应该是可能的。气泡图将允许与其他任何高点图相同的选项。最简单的方法是使用dataLabels http://api.highcharts.com/highcharts#plotOptions.scatter.dataLabels

 dataLabels:{ 
      enabled:true 
     } 

例如http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-datalabels-box/

如果这对于您来说不够灵活，可以使用底层渲染器http://api.highcharts.com/highcharts#Renderer在图表上绘制任何您想要的图形。这有点困难，但是。一旦你掌握了它，相当直接。 http://jsfiddle.net/4nRk6/

Datalabels可以用格式化功能进行定制，例如：

dataLabels: { 
      enabled: true, 
      formatter: function() { 
        return this.y +'mm'; 
      } 
} 

完整的文档是在这里：http://api.highcharts.com/highcharts#plotOptions.column.dataLabels

我在这里使用datalabels创造了一个小例子如果您需要关于气泡的额外信息，您可能需要格式化您的数据系列，如下所示：

[ 
    {x:1, y:5, bubbleText:"Bubble 1"}, 
    {x:2, y:15, bubbleText:"Bubble 2"}, 
    {x:3, y:5, bubbleText:"Bubble 3"} 
] 

在你的dataLabel中，你可以引用this.point.bubbleText以及this.x和this.y.

Answer 2

你需要做两件事。

首先，名字每个数据点（气泡）：

data: [ 
    { name: 'Alice', x: 3.5, y: 4, z: 5}, 
    { name: 'Eve', x: 7, y: 7, z: 3}, 
    { name: 'Carol', x: 4, y: 8, z: 6} 
] 

二，创建数据标签格式：

dataLabels: { 
    enabled: true, 
    formatter: function() { 
    return this.point.name; 
    } 
} 

您可以在行动中看到这这里：http://jsfiddle.net/franzo/JuGDp/1/

鲍勃是你的叔叔。