Tek tek baloncukların adlandırılması Highcharts

Question

Yeni Highcharts v3.0 kabarcık grafiği harika görünüyor. Her bir balonun bir isimle/bir metinle eklenmesi ve gösterilmesi mümkün mü? Teşekkürler, Nigel.

Answer 1

Ne görüntülemek istediğinize bağlı olarak, mümkün olmalıdır. Kabarcık çizelgeleri, diğer yüksek şemalarla aynı seçeneklere izin verecektir. en kolay yolu http://api.highcharts.com/highcharts#plotOptions.scatter.dataLabels

 dataLabels:{ 
      enabled:true 
     } 

dataLabels kullanmaktır, örneğin http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-datalabels-box/

Bu sizin için yeterince esnek değilse, alttaki işleyiciyi http://api.highcharts.com/highcharts#Renderer kullanarak grafikte istediğiniz şeyi çizebilirsiniz. Bu biraz daha zor, ama. Asıl çekildikten sonra tam olarak düz. http://jsfiddle.net/4nRk6/

örneğin bir biçimlendirici fonksiyonu ile özelleştirilebilir

Datalabels:

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

tam dokümanları buradadır: http://api.highcharts.com/highcharts#plotOptions.column.dataLabels

Burada datalabels kullanarak küçük bir örnek oluşturduk Baloncuklar hakkında daha fazla bilgi isterseniz, veri dizinizi şu şekilde biçimlendirmeniz gerekebilir:

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

VerilerinizdeLabel, this.point.bubbleText'in yanı sıra this.x ve this.y.

Answer 2

Yapmanız gereken iki şey var.

Birincisi, adı her bir veri noktası (baloncuk):

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

Sen eyleminde bu görebilirsiniz:

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} 
] 

İkincisi, bir veri etiket biçimlendirici oluşturmak burada: http://jsfiddle.net/franzo/JuGDp/1/

Bob amcanız.