highcharts - 選択した点のみにデータラベルを付ける方法

Question

複数のポイントを持つグラフがあり、ユーザーが選択したポイントにのみ dataLabels を表示したいと考えています。

いくつかのバージョンを試しましたが、dataLabels がオンまたはオフのようです (シリーズ自体でデータラベルを宣言するオプションがありますが、これは選択イベントには応答しません)。

どうもありがとう

Answer 1

の表示を切り替える方法は次のとおりdataLabelsです。dataLabels（私が知る限り）各ポイントのオプションを明示的に false に設定する必要があります。次に、eventsオプションを追加して次のようにします。

plotOptions: {
    series: {
        cursor: 'pointer',
        point: {
            events: {
                click: function () {
                    this.options.dataLabels.enabled = !this.options.dataLabels.enabled;
                    this.update();
                }
            }
        }
    }
},

これは更新されたjsFiddleです。最初の 2 点以外を選択すると、失敗してエラーが発生することに注意してください。

「動的」ではない古い回答：

dataLabels必要なポイントに対して を 有効にするだけです。例：

series: [{
            data: [29.9, 71.5, {
                y: 106.4,
                dataLabels: {
                    enabled: true
                }
            },
            129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]