javascript - 系列较大时隐藏 HighCharts StackLabels

Question

SO 上有一些关于 stacklable 的问题，但我没有看到任何与我的问题相关的问题。

现在，我有一个非常标准的柱形图(使用 HighCharts 构建)。它有基本的堆栈标签，一切正常。然而，当用户扩展数据的 View 集(实质上扩展了系列的大小)时，StackLabels(各个列上方的标签)重叠并且看起来很困惑。

因此，当系列 >= 20 时，我想隐藏所有列的堆栈标签。

现在，我的堆栈标签显示如下:

    yAxis: {
        min: 0,
        title: {
            text: 'My Title'
        },
        stackLabels: {
            enabled: true,
            formatter: function () {
                //if more than 20 points, hide them
                if (this.series.length >= 20) { 
                        return ''
                 }
                //else show them 
                return this.total
        }
    },

但这不起作用，因为“this”的上下文不正确，因此 this.series.[anything] 返回未定义。看起来“this”指的是这一点..但我需要引用包含该点的图表。

这可能吗？

Answer 1

格式化程序中的

This 既不引用图表对象，也不引用轴。此外，该系列的数据尚未提供。但是，您可以从选项中获取数据的长度。

      formatter: function() {
    //if more than 20 points, hide them
    if (this.axis.series[0].options.data.length >= 20) {
      return false
    }
    //else show them 
    return this.total
  }

示例:http://jsfiddle.net/6mmLu3ct/