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 对于您想要的点数。
Example :

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