Question

我有一个包含多个点的图表，我希望dataLabels只出现在用户选择的那些点上。

我尝试了几个版本，但似乎dataLabel打开或关闭（有一个选项可以在系列中声明数据标签，但这不会响应选择事件。）

非常感谢

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

如何仅在选定的点上使用数据标签

1 个答案: