Erstellen von Diagrammen mit Prozentbalken

Ein prozentuales Balkendiagramm zeigt die Daten in Sets als Prozentsatz aller Sets pro Kategorie an.

Die Erstellung von Prozent-Balkendiagrammen entspricht der Erstellung eines normalen Balkendiagramms, mit dem Unterschied, dass wir für ein Prozent-Balkendiagramm die QPercentBarSeries API anstelle von QBarSeries verwenden. Außerdem haben wir im Balkendiagramm den Algorithmus für schöne Zahlen verwendet, um die Nummerierung der y-Achse zu verbessern. Bei einem prozentualen Balkendiagramm ist dies nicht erforderlich, da der maximale y-Achsenwert immer 100 beträgt.

Die Balkensätze werden in allen Balkendiagrammen auf die gleiche Weise verwendet. Um den Unterschied zwischen den verschiedenen Balkendiagrammen zu verdeutlichen, verwenden wir in allen Beispielen die gleichen Daten. Die durch das Balkendiagramm visualisierten Daten werden durch QBarSet Instanzen definiert. Hier erstellen wir die Sets und fügen ihnen Daten hinzu. Die Daten werden hier mit dem Operator << angehängt. Alternativ kann auch die Methode append verwendet werden.

auto set0 = new QBarSet("Jane");
auto set1 = new QBarSet("John");
auto set2 = new QBarSet("Axel");
auto set3 = new QBarSet("Mary");
auto set4 = new QBarSet("Samantha");

*set0 << 1 << 2 << 3 << 4 << 5 << 6;
*set1 << 5 << 0 << 0 << 4 << 0 << 7;
*set2 << 3 << 5 << 8 << 13 << 8 << 5;
*set3 << 5 << 6 << 7 << 3 << 4 << 5;
*set4 << 9 << 7 << 5 << 3 << 1 << 2;

Wir erstellen die Serie und hängen die Barsets an sie an. Die Serie wird Eigentümerin der Barsets. Die Serie gruppiert die Daten von Sets zu Kategorien. Die ersten Werte jedes Satzes werden in der ersten Kategorie gruppiert, die zweiten Werte in der zweiten Kategorie usw.

auto series = new QPercentBarSeries;
series->append(set0);
series->append(set1);
series->append(set2);
series->append(set3);
series->append(set4);

Hier erstellen wir das Diagrammobjekt und fügen die Serie hinzu. Wir legen den Titel des Diagramms mit setTitle fest und schalten dann die Animationen der Reihe ein, indem wir setAnimationOptions(QChart::SeriesAnimations) aufrufen.

auto chart = new QChart;
chart->addSeries(series);
chart->setTitle("Simple Percent Bar Chart");
chart->setAnimationOptions(QChart::SeriesAnimations);

Um die Kategorien auf einer Achse anzeigen zu lassen, müssen wir zunächst eine QBarCategoryAxis erstellen. Hier erstellen wir eine Kategorieachse mit einer Liste von Kategorien und fügen sie dem Diagramm unten ausgerichtet hinzu, wobei sie als x-Achse fungiert. Das Diagramm übernimmt die Achse. Für die y-Achse verwenden wir eine Wertachse, die links ausgerichtet ist.

QStringList categories {"Jan", "Feb", "Mar", "Apr", "May", "Jun"};
auto axisX = new QBarCategoryAxis;
axisX->append(categories);
chart->addAxis(axisX, Qt::AlignBottom);
series->attachAxis(axisX);
auto axisY = new QValueAxis;
chart->addAxis(axisY, Qt::AlignLeft);
series->attachAxis(axisY);

Wir wollen auch die Legende anzeigen. Dazu holen wir uns den Legendenzeiger aus dem Diagramm und setzen ihn auf sichtbar. Außerdem platzieren wir die Legende am unteren Rand des Diagramms, indem wir ihre Ausrichtung auf Qt::AlignBottom setzen.

chart->legend()->setVisible(true);
chart->legend()->setAlignment(Qt::AlignBottom);

Schließlich fügen wir das Diagramm zu einer Ansicht hinzu.

createDefaultChartView(chart);

Das Diagramm ist nun bereit, angezeigt zu werden.