हाईचार्ट्स

Question

का उपयोग कर आईडी द्वारा एक बिंदु का चयन करना हाइचार्ट्स का उपयोग करके, मैं इसकी आईडी का उपयोग करके एक बिंदु कैसे चुन सकता हूं? उदाहरण के लिए, अगर मैं एक चार्ट निम्नलिखित कोड का उपयोग कर बनाने के लिए:

chart1 = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'scatter' 
     }, 
     title: { 
      text: 'Fruit Consumption' 
     }, 
     xAxis: { 
      categories: ['Apples', 'Bananas', 'Oranges'] 
     }, 
     yAxis: { 
      title: { 
       text: 'Fruit eaten' 
      } 
     }, 
     series: [{ 
      name: 'Jane', 
      data: [{ 
       name: 'Point1', 
       x: 1, 
       y: 2 
      }, { 
       name: 'Point2', 
       x: 2, 
       y: 5 
      }] 
     }, { 
      name: 'John', 
      data: [5, 7, 3] 
     }] 
     }); 
    }); 

टूलटिप मुझसे कहता है जब मैं किसी बिंदु पर होवर, क्या आईडी है। हालांकि, मैं उस बिंदु की पहचान करने के लिए वाक्यविन्यास नहीं समझ सकता। मुझे पता है कि chart1.series[0].name रिटर्न Jane. Also, chart1.series [0] .डेटा [0] .name returns बिंदु 1 'क्या कोई आसान तरीका है कि मैं केवल बिंदु का चयन कर सकता हूं और केवल' बिंदु 1 'को जानने वाले रंग को बदल सकता हूं?

मुझे आश्चर्य है कि हर बार सभी बिंदुओं के माध्यम से लूपिंग के अलावा कोई और अधिक प्रभावी तरीका है या नहीं।

Answer 1

आप प्रत्येक बिंदु के लिए id सेट कर सकते हैं।

series: [{ 
    name: 'Jane', 
    data: [{ 
     'name': 'Point1', 
     'id': 'point1', 
     'x': 1, 
     'y': 2 
    }, { 
     'name': 'Point2', 
     'id': 'point2', 
     'x': 2, 
     'y': 5 
    }] 
}, { 
    name: 'John', 
    data: [5, 7, 3] 
}] 

फिर आप निम्न कोड से बिंदु प्राप्त कर सकते हैं।

// assuming that chart is your chart var 
chart.get('point1'); 

demo

या आप की तुलना करने के points thrue एक id आप साधारण पाश कर सकते हैं स्थापित करने के लिए नहीं चाहते हैं तो name आप point name साथ लगाना चाहते हैं।

संदर्भ:

• http://api.highcharts.com/highstock#object-Chart