Chartjs - Gestapeltes Balkendiagramm, das andere Werte blockiert

Question

Mein Problem ist, dass Diagramm js das Balkendiagramm basierend auf der im Dataset definierten Reihenfolge rendert. Wie Sie unten sehen können, sind die Werte am Index 0 der Arrays 2500 und 1000. Da die 2500 zuerst übergeben wurde, wird dies das Balkendiagramm des Wertes 1000 blockieren.

https://jsfiddle.net/6bjy9nxh/352/

var barData = { 
labels: ['Italy', 'UK', 'USA', 'Germany', 'France', 'Japan'], 
datasets: [ 
    { 
     label: '2010 customers #', 
     fillColor: '#382765', 
     data: [2500, 1902, 1041, 610, 1245, 952] 
    }, 
    { 
     label: '2014 customers #', 
     fillColor: '#7BC225', 
     data: [1000, 1689, 1318, 589, 1199, 1436] 
    } 
] 

Answer 1

Gemäß dem Beispiel von Chartjs für Gestapelte Balkendiagramm stacked: true sowohl für xAxes und Axes

var barData = { 
    labels : ['Italy', 'UK', 'USA', 'Germany', 'France', 'Japan'], 
    datasets : [{ 
     label : '2010 customers #', 
     backgroundColor : '#382765', 
     data : [2500, 1902, 1041, 610, 1245, 952] 
    }, { 
     label : '2014 customers #', 
     backgroundColor : '#7BC225', 
     data : [1000, 1689, 1318, 589, 1199, 1436] 
    }] 
}; 

var context = document.getElementById('clients').getContext('2d'); 
var clientsChart = new Chart(context, { 
    type : 'bar', 
    data : barData, 
    options : { 
     scales : { 
      xAxes : [{ 
       stacked : true, 

      }], 
      yAxes : [{ 
       stacked : true 
      }] 
     } 
    } 
}); 

Dies kann Ihnen helfen. Fiddle