व्यक्तिगत बुलबुले का नामकरण उच्चतर

Question

नया हाइचार्ट्स v3.0 बबल चार्ट शानदार दिखता है। क्या प्रत्येक बबल को नाम/कुछ पाठ के साथ एनोटेट करना और प्रदर्शित करना संभव है? धन्यवाद, निगेल।

Answer 1

जो आप प्रदर्शित करना चाहते हैं उसके आधार पर, यह संभव होना चाहिए। बबल चार्ट किसी भी अन्य हाईचार्ट्स के समान विकल्पों की अनुमति देगा। डेटा लेबल का उपयोग करने का सबसे आसान तरीका 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 का उपयोग कर चार्ट पर जो कुछ भी आप चाहते हैं उसे आकर्षित करना संभव है। यह थोड़ा कठिन है, लेकिन। एक बार जब आप इसे लटका लेंगे तो काफी सीधे आगे बढ़ें।

मैं एक छोटा सा उदाहरण बनाने के बाद, datalabels का उपयोग कर: http://jsfiddle.net/4nRk6/

Datalabels, एक फ़ॉर्मेटर समारोह के साथ अनुकूलित किया जा सकता उदाहरण के लिए:

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

पूर्ण प्रलेखन यहाँ है: http://api.highcharts.com/highcharts#plotOptions.column.dataLabels

यदि आप बुलबुले पर अतिरिक्त जानकारी चाहते हैं, तो आपको अपनी डेटा श्रृंखला को निम्नानुसार प्रारूपित करने की आवश्यकता हो सकती है:

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

अपने डेटा लेबल के अंदर, फिर आप इस.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/

बॉब का चाचा।