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