ハイチャートを使用したIDによるポイントの選択

Question

ハイチャートを使用して、そのIDを使用してポイントを選択するにはどうすればよいですか？私は、次のコードを使用してグラフを作成する場合たとえば、：

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

ツールチップは、私がポイントにカーソルを合わせると、idは何であることを私に伝えます。しかし、その点を特定するための構文を理解することはできません。私は知っているchart1.series[0].nameJane. Also, chart1.series [0]。データ[0] .name returns point1`ポイントを選択し、 'point1'だけを知っている色を変えるのは簡単な方法はありますか？

私は、毎回すべてのポイントをループする以外に、より効率的な方法があるのだろうかと思います。

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

それとも、あなたがpoint nameで検索したいnameを比較することpoints thrue idすることができます単純なループを設定しない場合。

リファレンス：APIドキュメントを読む

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