6

ハイチャートを使用して、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].data[0].name point1` をchart1.series[0].name返すことはわかっていますポイントを選択して、「point1」だけを知っている色を変更する簡単な方法はありますか?Jane. Also,returns

毎回すべてのポイントをループする以外に、より効率的な方法があるかどうか疑問に思っています。

4

1 に答える 1

12

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');

デモ

または、 を設定したくない場合は、id単純にループして、検索したい をpointsと比較できます。namepoint name

参考：

于 2012-10-03T23:20:22.407 に答える