2016-06-30 5 views
1

Ich erstelle einige Balkendiagramme mit chartjs 2.xFestbreite für chartjs 2.x

der Suche nach der festen Breite Option zusammen mit chartjs 2.x nun seiner Einstellung nach der Strichzahl. Ich habe eine Option wie "barPercentage" gefunden, aber es ist nicht für mich geeignet, weil es prozentual auf jedem Diagramm funktioniert. Ich habe eine ähnliche Frage zu chartjs 1.x, aber seine chartjs 2.x

Antwort

1

Ich habe eine benutzerdefinierte Funktion, um diese Funktionalität zu erreichen. Ich hoffe, es könnte jemand anderem helfen.

Schritt1: Aktualisieren Sie die Funktionalität "calculateBarWidth" im Kern (Chart.js) wie unten.

calculateBarWidth: function(index) { 
     var xScale = this.getScaleForId(this.getMeta().xAxisID); 

     if (xScale.options.fixBarWidth) { 
      return xScale.options.fixedBarWidth; 
     } 

     var ruler = this.getRuler(index); 
     return xScale.options.stacked ? ruler.categoryWidth : ruler.barWidth; 
    } 

Schritt 2: Auch einige benutzerdefinierte Eigenschaften hinzufügen (fixBarWidth, fixedBarWidth) bei der Initialisierung Teil.

var options = { 
     scales: { 
      xAxes: [{ 
       // Manually set bar width in pixels 
       fixBarWidth: true, 
       fixedBarWidth: 10 
      }] 
      } 
     }