Seleccionar un punto por ID usando Highcharts

Question

Usando Highcharts, ¿cómo puedo seleccionar un punto usando su identificación? Por ejemplo, si se crea un gráfico utilizando el siguiente código:

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

La descripción me dice que cuando se ciernen sobre un punto, lo que el id es. Sin embargo, no puedo entender la sintaxis para identificar ese punto. Sé que chart1.series[0].name devuelve Jane. Also, chart1.series [0] .data [0] .name returns point1` ¿Hay alguna manera fácil de seleccionar el punto y cambiar el color sabiendo solo 'point1'?

Me pregunto si hay una manera más eficiente que no sea recorrer todos los puntos cada vez.

Answer 1

Puede establecer un id por cada punto que desee obtener.

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

A continuación, puede obtener el punto por el siguiente código.

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

demo

O si no desea establecer una id puede recorrer sencilla thrue points comparar la name usted quiere encontrar la point name.

Referencia:

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