highcharts columnrange 中的附加系列标签答案

【问题标题】：Additional serires label in highcharts columnrangehighcharts columnrange 中的附加系列标签
【发布时间】：2016-02-22 15:47:59
【问题描述】：

我在 highcharts 中有一个倒置的柱状图。我能够为每个范围的低点和高点创建一个独特的标签。

但随着图表变长，我想用它们的系列名称在列上标记每个。

我需要第三个标签吗？可能在每个范围上方会显示系列名称。到目前为止，我正在使用格式化程序给每个点一个唯一的标签。

plotOptions: {
  columnrange: {
    dataLabels: {
      enabled: true,
      formatter: function() {
        if (this.y === this.point.low) {
          return 'low: ' + this.y;
        }
        if (this.y === this.point.high) {
          return 'high: ' + this.y;
        }
        return 'blah';
      }
    }
  }
},

我的小提琴：http://jsfiddle.net/zeus6ky9/6/

【问题讨论】：

您能提供一个外观说明吗？
只需要在每个水平条上方放置文本。
可能有很多方法，包括 label 或 renderer，但我个人会使用分散系列来解决这个问题，带有隐形标记，利用该系列的数据标签。
我最终使用了另一个具有相同数据点的列范围系列并将其隐藏。然后我能够在该范围内显示标签，以便它在视觉上与其他系列对齐。

标签： javascript highcharts

【解决方案1】：

我最终为已经存在的每个系列添加了一个额外的隐形系列。并为它创建一个标签。

【讨论】：