highchart Wie bekomme ich Breite Elternelement für berechnete x max in xAchse

Question

Wie bekomme ich Breite Elternelement oder Standard-Chart-Element, wenn ich das Diagramm für berechnete x max in xAxis definieren?

Das ist mein erwarteten Code:

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

Wenn Sie wissen wollen, was die Breite des div Container ist, wo das Diagramm gehört, dann können Sie erreichen es durch chart.chartWidth. Außerdem können Sie die Achse unter load event aktualisieren.

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 
      }); 
     } 
     } 
    }, 

Beispiel: http://jsfiddle.net/91zbg0dx/

Wenn Sie diese Fähigkeit, die auf haben wollen, müssen Sie auf redraw event das gleiche tun.