Cómo mostrar un indicador con x secciones que se pueden actualizar dinámicamente

Este tutorial explica cómo construir un indicador semicircular (estilo velocímetro) con un número configurable de secciones de colores, controladas por controles deslizantes, y una aguja que se actualiza en tiempo real.

El indicador está compuesto por dos partes principales:

• el « Cuadrante » (Dial), la aguja que gira en función de un valor calculado
• el « Sector circular » (Pie show), el arco de colores dividido en secciones)
  • Datos 1, 3 y 5 : Cada sección cubre un rango angular en el semicírculo (180° en total), y su color codifica visualmente una categoría o zona de gravedad.
  • Dato 6 : Sigue siendo la mitad del « Sector circular », para ocultar la parte inferior
  • Datos 2 y 4 : Otras secciones, las secciones blancas, que representan solo un pequeño porcentaje del total y se utilizan para delimitar cada sección de color

El script es muy básico y permite calcular el total para el Dato 6, así como el espacio entre cada sección
#include "MacroInit.h"
//#include "subFun1.c" //Ejemplo
void Macro_main(IN *p)
{
MarcoInit
//Por hacer
// Dato 1 Espacio Dato 2 Espacio Dato 3
LocalWord[5] = LocalWord[0] + LocalWord[1] + LocalWord[2] + LocalWord[3] + LocalWord[4];
LocalWord[1] = LocalWord[5] * 0.02 ; // Dato 2 = Espacio
LocalWord[3] = LocalWord[5] * 0.02 ; // Dato 4 = Espacio
}

Puede descargar el proyecto aquí