Chartjs.org Balkendiagramm nicht richtig skaliert

Ich habe eine Diagramm Leiste unter:Chartjs.org Balkendiagramm nicht richtig skaliert

Und ich wickelte es in einer Bootstrap-Spalten: col-lg-6 col-md-6 col-SM- 6

<div class="row"> 
 
    <div class="col-lg-6 col-md-6 col-sm-6"> 
 
     <div class="panel panel-default"> 
 
      <div class="panel-heading"><i class="fa fa-database"></i> Web API Requests 
 
      </div> 
 
      <div class="panel-body"> 
 
       <canvas id="barRequests" legend="false" class="chart chart-bar" data="requestsData" labels="requestsLabels" options="requestsOptions"></canvas> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

das Problem auf Ändern der Größe der Browser ist, der graph die meiste Zeit kommt, wie unten:

Was habe ich falsch gemacht?

Quelle

2016-11-20 Arash Aghlara

prüft die Höhe Attribute der Elemente, oder wenn sie schwimmt werden. Es scheint, dass die komprimierte Darstellung Ihres Diagramms auf (1) eine feste Höhe oder (2) ein floated-Element zurückzuführen ist, was bedeutet, dass das übergeordnete Element reduzierte Dimensionen aufweist, wenn floatende Elemente aus dem normalen Layoutfluss entfernt werden. – Terry

Ich fand die Antwort selbst, wollte den Beitrag für andere nur für den Fall aktualisieren, wenn jemand das gleiche Problem hat.

Offenbar war das ein Problem, das mit der neuesten Version in Bezug auf die automatische Skalierung der Diagramme behoben wurde. Ich aktualisierte auf https://github.com/chartjs/Chart.js/releases/tag/v2.4.0 und alles funktioniert gut.

Quelle

2016-11-21 00:42:53

Chartjs.org Balkendiagramm nicht richtig skaliert

Antwort

Verwandte Themen