highchart如何在xAxis中获得计算x max的宽度父元素

Question

在xAxis中为计算出的x max计算图表时，如何获取宽度父元素或默认图表元素？

这是我的预期代码：

xAxis: {
    max: data.length < this.parent.width / 32 ? data.length - 1 : this.parent.width / 32,
    min: 0,
    categories: data,
    labels: {
        rotation: -40,
        style: {
            color: '#eb9123'
        },
    }
},

Answer 1

如果您想知道图表所属的div容器的宽度是多少，那么您可以通过chart.chartWidth来实现它。此外，您可以在load event上更新轴。

chart: {
      events: {
        load: function () {
          var width = this.chartWidth / 32,
              dataLen = this.series[0].data.length,
              max = dataLen < width ? dataLen - 1 : width;
          console.log(max);

          this.xAxis[0].update({
            max: max
          });
        }
      }
    },

示例：http://jsfiddle.net/91zbg0dx/

如果您想让这种能力具有响应能力，您必须在redraw event上执行相同操作。