Création de graphiques à barres en pourcentage

Un graphique à barres en pourcentage présente les données par ensemble sous forme de pourcentage de l'ensemble des ensembles par catégorie.

La création de graphiques à barres en pourcentage s'effectue de la même manière que celle d'un graphique à barres classique, à la différence près que, pour les graphiques à barres en pourcentage, on utilise l'API QPercentBarSeries à la place de QBarSeries. De plus, dans le graphique à barres, nous avons utilisé l’algorithme « nice numbers » pour améliorer l’affichage de la numérotation sur l’axe des y. Avec le graphique à barres en pourcentage, cela n’est pas nécessaire, car la valeur maximale de l’axe des y est toujours 100.

Les ensembles de barres sont utilisés de la même manière dans tous les graphiques à barres. Pour illustrer la différence entre les différents graphiques à barres, nous utilisons les mêmes données dans tous les exemples. Les données visualisées par le graphique à barres sont définies par des instances de QBarSet. Ici, nous créons les ensembles et y ajoutons des données. Les données sont ajoutées ici à l’aide de l’opérateur <<. Il est également possible d’utiliser la méthode append.

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;

Nous créons la série et y ajoutons les ensembles de barres. La série prend en charge les ensembles de barres. La série regroupe les données des ensembles en catégories. Les premières valeurs de chaque ensemble sont regroupées dans la première catégorie, les deuxièmes valeurs dans la deuxième catégorie, etc.

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

Ici, nous créons l’objet graphique et y ajoutons la série. Nous définissons le titre du graphique avec `setTitle`, puis activons les animations de la série en appelant `setAnimationOptions(QChart::SeriesAnimations)`

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

Pour afficher les catégories sur un axe, nous devons d’abord créer un QBarCategoryAxis. Ici, nous créons un axe de catégories avec une liste de catégories et l’ajoutons au graphique en l’alignant en bas, pour qu’il fasse office d’axe des x. Le graphique prend en charge cet axe. Pour l’axe des y, nous utilisons un axe de valeurs, aligné à gauche.

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);

Nous souhaitons également afficher la légende. Pour ce faire, nous récupérons le pointeur de la légende à partir du graphique et le rendons visible. Nous plaçons également la légende au bas du graphique en définissant son alignement sur « Qt::AlignBottom ».

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

Enfin, nous ajoutons le graphique à une vue.

createDefaultChartView(chart);

Le graphique est prêt à être affiché.