如何通过图表函数为Highcharts气泡图指定单个点启用dataLabels

我懂你遇到的这个小坑了——直接修改dataLabels().enabled确实不会生效，因为Highcharts里单纯改DOM元素的属性不会触发图表重绘，而且正确的操作得用官方提供的API来更新点的配置才行。

你原来的代码里setState('select')能正常工作，是因为这个方法内部已经帮你处理了状态变更和重绘逻辑，但修改dataLabels属性并没有走这个流程。试试用update()方法来更新目标点的配置，这样就能正确启用dataLabels了：

function(chart) {
  // 选中目标点
  chart.series[0].data[1].setState('select');
  // 更新点的配置，启用dataLabels并自动触发重绘
  chart.series[0].data[1].update({
    dataLabels: {
      enabled: true
      // 这里还可以自定义dataLabels的样式、格式等
      // style: { color: '#ff0000', fontSize: '14px' },
      // formatter: function() { return '最大值: ' + this.y; }
    }
  });
}

为啥原来的方法没用？ #

chart.series[0].data[1].dataLabels()返回的是当前点对应的dataLabel DOM元素对象，直接改它的enabled属性只是修改了DOM对象的属性，并没有同步到Highcharts的内部配置里，自然不会触发图表重绘来显示标签。而update()方法会修改点的原始配置选项，并且自动调用重绘逻辑，让新的dataLabels设置真正生效。

内容的提问来源于stack exchange，提问作者Frank Tudor