Creación de gráficos de barras porcentuales horizontales

El gráfico de barras porcentuales horizontales muestra los datos de un conjunto como porcentaje de todos los conjuntos por categoría.

Crear un gráfico de barras porcentuales horizontales es como crear un gráfico de barras normal, excepto que para un gráfico de barras porcentuales horizontales, utilizamos la api QHorizontalPercentBarSeries en lugar de QBarSeries. Además, en el gráfico de barras, utilizamos un bonito algoritmo numérico para que la numeración del eje y se vea mejor. En el gráfico de barras porcentuales no es necesario, ya que el valor máximo del eje Y es siempre 100.

Los conjuntos de barras se utilizan de la misma manera en todos los gráficos de barras. Para ilustrar la diferencia entre los distintos gráficos de barras, utilizaremos los mismos datos en los ejemplos. Los datos que visualiza el gráfico de barras están definidos por instancias de QBarSet. Aquí creamos los conjuntos y les agregamos datos. Los datos se añaden aquí con el operador <<. Alternativamente se puede utilizar el método 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;

Creamos la serie y le añadimos los conjuntos de barras. La serie toma posesión de los conjuntos de barras. La serie agrupa los datos de los conjuntos en categorías. Los primeros valores de cada conjunto se agrupan en la primera categoría, el segundo valor en la segunda categoría, etc.

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

Aquí creamos el objeto gráfico y le añadimos las series. Establecemos el título del gráfico con setTitle y luego activamos las animaciones de las series llamando a setAnimationOptions(QChart::SeriesAnimations)

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

Para que las categorías se muestren en un eje, necesitamos crear primero un QBarCategoryAxis. Aquí creamos un eje de categorías con una lista de categorías y lo añadimos al gráfico en el lado izquierdo, actuando como eje y. El gráfico se apropia del eje. El gráfico toma posesión del eje. Para el eje x utilizamos un eje de valores, alineado en la parte inferior.

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

También queremos mostrar la leyenda. Para ello, obtenemos el puntero de la leyenda del gráfico y lo establecemos como visible. También colocamos la leyenda en la parte inferior del gráfico estableciendo su alineación en Qt::AlignBottom.

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

Por último, añadimos el gráfico a una vista.

createDefaultChartView(chart);