javascript - highcharts - 在 yAxis 中隐藏一些标签

Question

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

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

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

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

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

yAxis: {
  labels: {
    step: 5
  }
}

JSFiddle

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

Answer 1

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

我不知道这是否是高图表最优雅的方法，但您可以使用标签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
  },

  //...

},

例子

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