Highcharts kullanarak bir nokta seçme

Question

Highcharts kullanarak, kimliğini kullanarak nasıl bir nokta seçebilirim? Aşağıdaki kodu kullanarak bir grafik oluşturmak Örneğin,:

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

ipucu Ben bir noktaya üzerine geldiğinizde, kimliği ne söylüyor. Ancak, bu noktayı tanımlamak için sözdizimini anlayamıyorum. Biliyorum chart1.series[0].nameJane. Also, chart1.series [0] .data [0] .name returns point1 'Sadece noktayı seçip yalnızca' point1 'bilen rengi değiştirmenin kolay bir yolu var mı?

Her seferinde tüm noktalardan geçmenin dışında daha verimli bir yol olup olmadığını merak ediyorum.

Answer 1

Almak istediğiniz her nokta için bir id ayarlayabilirsiniz.

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

Sonra aşağıdaki kodu ile nokta alabilirsiniz.

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

demo

Yoksa karşılaştırmak points thrue bir id yapabilirsiniz basit döngü ayarlamak istemiyorsanız name sen point name ile bulmak istiyorum.

Referans: API belgelerine okuma

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