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

Question

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

yAxis 有以下标签:-5、-2.5、0、2.5、 5.。

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

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

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

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 子级。