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/

鮑勃是你的叔叔。