web-dev-qa-db-fra.com

Diagramme à barres empilées horizontales avec chart.js

J'essaie de savoir s'il existe un plugin pour faire un graphique à barres empilées horizontales avec chart.js

Je vois qu'il existe des plug-ins pour les graphiques à barres empilées et également pour les graphiques à barres horizontaux, mais je n'en ai trouvé aucun qui combine les deux.

https://github.com/Regaddi/Chart.StackedBar.js

Quelqu'un sait comment y parvenir?

javascriptchart.js
7
aruizga

Je sais que cela fait quelques mois, mais je pensais ajouter ma réponse aux générations futures.

Je pouvais me passer de plugins supplémentaires. Si vous définissez xAxes et yAxes sur stacked: true sous scale, vous pouvez créer un graphique horizontal empilé.

scales: {
     xAxes: [{
          stacked: true,
     }],
     yAxes: [{
          stacked: true
     }]
}

Voici un stylo rapide pour montrer comment je l'ai fait. http://codepen.io/jamiecalder/pen/NrROeB

Bonus: inclut un code pour afficher les valeurs sur le graphique

29
Jamie Calder

Jetez un coup d’œil à la fourchette ChartNew.js ( https://github.com/FVANCOP/ChartNew.js ). Cela a HorizontalStackedBars (et de nombreux autres ajouts). Voir https://github.com/FVANCOP/ChartNew.js/wiki/050_available_graphs pour voir à quoi ça va ressembler.

1
potatopeelings