[Xojo 2024r2] Más diversión con cha, cha, cha… Charts!

Una vez más, y basándonos en los comentarios y solicitudes de características realizadas por parte de los usuarios para el control Chart en Desktop, Web y iOS, hemos añadido nuevas capacidades para dicho control, desde más opciones para el renderizado de la gráfica hasta el soporte completo del Modo oscuro o la posibilidad de mostrar las etiquetas incrustadas para las gráficas basadas en ChartCircularDataset. Por supuesto, también hemos solucionado varios de los bugs reportados.

Comencemos con el soporte completo del Modo Oscuro. Esto significa que cualquiera de los tipos de gráficas soportados pueden renderizarse ahora tanto en modo claro como en modo oscuro. Para ello, sólo has de asignar instancias de ColorGroup en vez de valores de Color durante la creación de una instancia DataChart.

Por ejemplo, las siguientes líneas de código crearán dos conjuntos de datos empleando instancias de ColorGroup para los valores:

Var dsInflaction As New ChartLinearDataset("Dollar", New colorGroup(Color.red, Color.orange), True, dollar)
Var dsTemp As New ChartLinearDataset("Euro", New colorgroup(Color.blue, Color.white), True, euro)

Y así es como se renderizará tanto en los modos Claro como Oscuro:

Más flexibilidad con la rejilla

Hemos añadido tres nuevas propiedades al control Chart que te permitirán decidir de qué modo dibujar la rejilla de la gráfica:

• IsGridVisible
• IsYAxisVisible
• IsXAxisVisible

Por ejemplo, en las anteriores versiones de Xojo era preciso ajustar la propiedad GridColor a Color.Clear para evitar el dibujado correspondiente a las líneas de la rejilla. Ahora, puedes ajustar la propiedad GridColor a cualquier color que desees (o que el usuario de tu app decida), y controlar simplemente si se ha de dibujar o no la rejilla de la gráfica mediante la propiedad IsGridVisible, utilizando para ello los valores booleanos True o False.

Además de la rejilla propiamente dicha, ahora también podrás decidir si la gráfica ha de dibujar o no las líneas correspondientes a los ejes vertical y horizontal, utilizando para ello las propiedades booleanas IsXAxisVisible y IsYAxisVisible. Tal y como ocurre con la propiedad IsGridVisible, puedes modificar estos valores en tiempo de ejecución y la gráfica se actualizará en consecuencia:

Etiquetas incrustadas

Por último, y para todas las representaciones de gráficas basadas en un ChartCircularDataset, podrás decidir si quieres que las etiquetas se dibujen incrustadas juntos con las secciones de datos que representan (por ejemplo en una gráfica de tarta), además de en la parte superior de la gráfica tal y como venía sucediendo hasta ahora, o bien en sustitución de éstas para disponer así de una mayor área de dibujado para la gráfica propiamente dicha. El dibujado de las etiquetas incrustadas también permiten una mejor asociación entre la etiqueta propiamente dicha y la sección de los datos.

Para mostrar las etiquetas incrustadas, tan sólo has de ajustar la propiedad ChartCircularDataset.HasInlineLabels con el valor True.

Conclusión

Como de costumbre, continuaremos mejorando la característica de gráficas y estamos deseando ver de qué forma las utilizas en las aplicaciones y soluciones desarrolladas con Xojo.