stackedbarseries

Fragen
___ qstntxt ___

Ich möchte ein Balkendiagramm mit zwei Gruppen von gestapelten Balken erstellen, die zusammen gruppiert werden, um die zwei Gruppen von gestapelten Balken zu vergleichen. Dies sollte auf folgende Weise angezeigt werden:

Ich habe diesen Link durchsucht

Aber es hat mir nicht geholfen, etwas zu zeichnen, wie Sie es im obigen Bild sehen. Ich habe sogar versucht, zwei Datensätze wie %code% zu senden. Aber es hat mir nicht geholfen, das Diagramm zu plotten. Weiß jemand wie man es macht?

Jede Hilfe wird sehr geschätzt. Vielen Dank im Voraus.

    
___ qstnhdr ___ Verwendung von Jqplot zum Anzeigen von zwei Gruppen von verschiedenfarbigen Balken in demselben gestapelten Balkendiagramm ___ tag123jqplot ___ jqPlot ist ein Plot- und Charting-Plugin, das auf jQuery aufbaut. Die Gitter, Achsen, Schatten usw. werden alle von Plugins berechnet und gerendert. Es unterstützt benutzerdefinierte Event-Handler, die Erstellung neuer Plottypen, Hinzufügen von Leinwänden zum Plot und viele weitere Funktionen. ___ tag123axis ___ Verwenden Sie nicht die [tag: axis], um auf Apache Axis zu verweisen, sondern [tag: apache-axis]. Sehen https://meta.stackoverflow.com/questions/276302/what-irection-to-go-with-the-axis-tag ___ answer14585440 ___

Wenn Sie die Option %code% einstellen, wird die gewünschte Anzeige für Balkendiagramme erstellt.

    
___ answer29106340 ___

Praktische Lösung ...

%Vor%

Bild:

    
___ tag123barchart ___ Ein Balkendiagramm ist eine grafische Darstellung von Daten, bei denen der Wert durch die Länge des Balkens dargestellt wird. ___ tag123stacked ___ hilf uns, dieses Wiki zu bearbeiten ___ tag123stackedbarsries ___ Hilf uns dabei, dieses Wiki zu bearbeiten ___ answer25946137 ___

Offizielle Quellen:

Die jqPlot-Dokumentation ist nicht auf dem neuesten Stand, also habe ich mir die Quellcode . Leider gibt es keine Möglichkeit, zwei Sätze von Balken mit einem gestapelten Balkendiagramm direkt zu haben. Die Eigenschaft %code% ist nur ein boolescher Wert. Es ist nur die Funktion, jqPlot zu sagen, dass jede Reihe so viele Balken übereinander gestapelt werden soll, wie es Werte in den verschiedenen Reihen gibt. Jede Serie wird mit einem Wert pro Balken dargestellt, wobei sich die erste Reihe unten befindet. Mit anderen Worten, alle %code% -Werte werden im ersten Balken, %code% -Werte im zweiten Balken usw. dargestellt. Der in der Leiste angezeigte Wert ist die Summe des [n] -Werts für die aktuelle Reihe und alle vorherigen Reihen. Es gibt keine Möglichkeit anzugeben, dass es zwei oder mehr Gruppierungen von Reihen gibt. Die Fähigkeit, das Gewünschte zu tun, existiert in jqPlot nicht.

Aber Sie können erreichen, was Sie wünschen:

Die Tatsache, dass jqPlot nicht nativ unterstützt, was Sie wollen, bedeutet nicht, dass Sie es nicht tun können, sondern nur, dass Sie kreativ werden müssen.

Der gewünschte Graph kann als zwei getrennte Graphen betrachtet werden, die übereinander gelegt wurden, wobei der Abstand zwischen den Balken der einzelnen Graphen ausreicht, um genügend Platz ( %code% ) für die Balken des anderen Graphen zu überlagern neben ihnen.

Sie können jqPlot verwenden, um Folgendes zu erstellen:

In diesem Diagramm sind der Maßstab, der Hintergrund und die Gitternetzlinien sichtbar. Beachten Sie, dass das Diagramm einen zusätzlichen Balken enthält. Dies ist erforderlich, um genügend Hintergrund- und Rasterlinien für den letzten Balken des anderen Diagramms bereitzustellen.

Sie können jqPlot auch verwenden, um das zweite Diagramm zu erstellen:

In diesem Diagramm sind der Maßstab und die Gitterlinien in jqPlot so eingestellt, dass sie nicht sichtbar sind.

%Vor%

Der Hintergrund wird auf %code% gesetzt. Beachten Sie, dass Sie die Position dieses Diagramms etwas nach rechts verschieben müssen, wenn Sie %code% relativ zum ersten Diagramm positionieren.

Überlagert, Sie enden mit:

Sie verwenden dann eine leere %code% mit der gleichen Hintergrundfarbe wie die Hintergrundfarbe Ihrer Webseite und überlagern diese, um den zusätzlichen Balken des ersten Graphen zu überdecken, aber genug vom Hintergrund und den Gitterlinien des ersten Graphen zu verlängern ein bisschen nach dem letzten Balken des zweiten Graphen.

Sie werden enden mit:

Sie können eine funktionierende Lösung bei JSFiddle mit jqPlot 1.0.8r1250 sehen.

Vergleicht man die ursprüngliche Anfrage mit der endgültigen Version des Graphen, der mit dieser Methode erstellt wurde, sieht man, dass sie sehr nahe sind: Der auffälligste Unterschied zwischen den beiden ist der größere Abstand zwischen der Y-Achse in der jqPlot-Version. Leider scheint es keine Option zu geben, diesen Betrag für gestapelte Balkendiagramme zu reduzieren.

Beachten Sie, dass das Fehlen eines Rahmens auf der rechten Seite des Diagramms, das dieser Code erzeugt, beabsichtigt ist, weil es in der ursprünglichen Anforderung nicht vorhanden war. Persönlich bevorzuge ich einen Rand auf der rechten Seite des Graphen. Wenn Sie das CSS ein wenig ändern, ist das leicht zu bekommen: Meine bevorzugte Version des Diagramms enthält einen Rand auf der linken Seite und gleicht das Leerzeichen aus:

Sie können ein funktionierendes JSFiddle dieser Version sehen.

Alles in allem ist es nicht so schwierig. Es wäre natürlich einfacher, wenn jqPlot mehrere Sätze von Balken unterstützt. Hoffentlich wird es irgendwann. Die letzte Veröffentlichung war 2013-03-27 und es scheint keine Entwicklungsarbeit nach dieser Zeit gegeben zu haben. Zuvor gab es alle paar Monate Releases. Aber jqPlot wird unter den GPL- und MIT-Lizenzen veröffentlicht, damit jeder die Arbeit fortsetzen kann.

%Vor% %Vor% %Vor%

Der obige Code basiert auf der Beispielseite, die in der Frage aufgeführt ist.

>     
___
3
Antworten

Verwendung von Jqplot zum Anzeigen von zwei Gruppen von verschiedenfarbigen Balken in demselben gestapelten Balkendiagramm

Ich möchte ein Balkendiagramm mit zwei Gruppen von gestapelten Balken erstellen, die zusammen gruppiert werden, um die zwei Gruppen von gestapelten Balken zu vergleichen. Dies sollte auf folgende Weise angezeigt werden: Ich habe diesen L...
20.12.2012, 08:53