Wie kann ich mit Dimple.js Spalten als Kategorien in einem Balkendiagramm hinzufügen?

Question

Ich möchte ein Balkendiagramm mit dimple.js plotten, in dem ich den Anteil der Benutzer in verschiedenen Kategorien darstellen möchte. Jede Kategorie ist eine Spalte in meinem Dataset.

Meine Daten sieht wie folgt aus:

Ich möchte ein Diagramm haben, in dem ich für jede Plattform eine Bar hatte und jede Spalte Q14_*.

Ich verstehe, dass Plattform sollte eine Serie sein:

myChart.addSeries("Platform", dimple.plot.area); 

Aber ich weiß nicht, wie die Stäbe für jede Spalte hinzufügen zu tun. Wie kann ich es tun?

Answer 1

Ich habe vor einer Weile versucht, das Gleiche zu tun und habe beschlossen, die Daten zu rekonstruieren. Aber ich bin mir nicht sicher, ob dies die bestmögliche Lösung ist. Wie auch immer, dies ist meine Lösung:

1. die Daten Rekonstruieren die folgenden Spalten haben:

   • Plattform (Werte: Android, Apfel)
   • Abschnitt (Werte: der numerische Anteil)
   • Viertel (Werte: Q14_1, Q14_2 ....)

2. Proportionalachse für die Plattformsäule verwenden zeigt den Anteil: addPctAxis,

3. die Viertel als Kategorie Achse X. Verwendung für

4. Verwenden des Abschnitt Spalt als die Serie.

Dann sollte der Code wie folgt aussehen:

myChart.addCategoryAxis("x", "quarter"); 
myChart.addPctAxis("y", "platform"); 
myChart.addSeries("portion", dimple.plot.bar); 

Auch gibt mehrere Beispiele addPctAxis verwenden Sie von dem ziemlich ähnlich zu lernen sind, was Sie fordern.

• vertical proportional bars
• horizontal proportional bars
• more advanced - two proportional bar axes

: Sie können einen Blick haben wollen