highcharts - 在 yAxis 中隐藏一些标签

Question

我有一个带有 yAxis 的图表，它的最小值为 -5，最大值为 5。

yAxis 具有以下标签：-5、-2.5、0、2.5、5。

我的配置非常接近 - 我有适量的网格/绘图线，但我想在 yAxis 中隐藏几个 文本标签（不是与标签相关的实际行）。

换句话说，我想删除或隐藏-2.5 和2.5 标签。

我在 yAxis 中尝试了各种方法，例如 step，但它没有达到我想要的效果。

yAxis: {
  labels: {
    step: 5
  }
}

JSFiddle

任何想法如何实现这一目标？

Answer 1

我几乎没有发布这个问题，因为我找到了一个（非 SO）答案 - 也许这会对其他人有所帮助。

我不知道这是否是最优雅的 highcharts 方法，但您可以使用标签 formatter 来实现这一点。

在我的情况下，而不是这个：

labels: {
  formatter: function () {
    return this.value+'%';
  }
}

我们可以添加一个条件来检查标签的值，并且只返回我们想要的东西。一起来：

yAxis: {

  //...

  labels: {
    formatter: function () {

      if (this.value !== -2.5 && this.value !== 2.5) {
        return this.value+'%';
      }

    },
    step: 1
  },

  //...

},

Example

警告：如果您有动态数据，硬编码某些值并以这种方式依赖它们是有风险的。对于这个例子，我们没有动态数据，它们将是固定的，所以对我们来说是安全的。另一种方法可能是遍历每个值/标签，并且只根据需要返回每个 X 子节点。