Dibujar un gráfico circular
Puede usar las funciones de línea y curva para dibujar un gráfico circular. La función principal que se usa para dibujar gráficos circulares es la función AngleArc , que requiere que proporcione las coordenadas del centro del gráfico circular, el radio del gráfico circular, un ángulo inicial y un ángulo de barrido. En la captura de pantalla siguiente se muestra un cuadro de diálogo que el usuario puede usar para especificar estos valores.
Los valores mostrados anteriormente producen el siguiente gráfico circular.
Plantilla del cuadro de diálogo que se encuentra en el script de recursos de la aplicación (. RC) archivo especifica las características del cuadro de diálogo anterior (su alto, los controles que contiene y su estilo), como se indica a continuación.
AngleArc DIALOG 6, 18, 160, 100
STYLE WS_DLGFRAME | WS_POPUP | WS_VISIBLE | WS_CAPTION
CAPTION "Pie Chart"
FONT 8, "MS Sans Serif"
BEGIN
EDITTEXT IDD_X, 18, 22, 25, 12, ES_AUTOHSCROLL
LTEXT "X", 102, 4, 24, 9, 8
EDITTEXT IDD_Y, 18, 39, 25, 12, ES_AUTOHSCROLL
LTEXT "Y", 104, 5, 42, 12, 8
LTEXT "Center", 105, 19, 11, 23, 8
EDITTEXT IDD_RADIUS, 103, 9, 32, 12, ES_AUTOHSCROLL
EDITTEXT IDD_STARTANGLE, 103, 31, 32, 12, ES_AUTOHSCROLL
EDITTEXT IDD_SWEEPANGLE, 103, 53, 32, 12, ES_AUTOHSCROLL
LTEXT "Radius", 109, 73, 11, 25, 8
LTEXT "Start Angle", 110, 59, 33, 42, 8
LTEXT "Sweep Angle", 111, 55, 55, 43, 8
PUSHBUTTON "OK", IDD_OK, 9, 82, 40, 14
PUSHBUTTON "Cancel", IDD_CANCEL, 110, 82, 40, 14
END
El procedimiento del cuadro de diálogo, que se encuentra en el archivo de origen de la aplicación, recupera datos (coordenadas del centro, radio de arco y ángulos de inicio y barrido) siguiendo estos pasos:
- La función ClearBits definida por la aplicación inicializa la matriz que recibe la entrada del usuario en cero.
- La función GetStrLngth definida por la aplicación recupera la longitud de la cadena especificada por el usuario.
- La función RetrieveInput definida por la aplicación recupera el valor especificado por el usuario.
En el código de ejemplo siguiente se muestra el procedimiento del cuadro de diálogo.
void ClearBits(LPTSTR, int);
int GetStrLngth(LPTSTR);
DWORD RetrieveInput(LPTSTR, int);
BOOL CALLBACK ArcDlgProc(HWND hdlg, UINT uMsg, WPARAM wParam,
LPARAM lParam)
{
CHAR chInput[4]; // receives control-window input
int cch; // array-size and count variable
switch (uMsg)
{
case WM_INITDIALOG:
return FALSE;
case WM_COMMAND:
switch (wParam)
{
// If the user pressed the OK button, retrieve the
// data that was entered in the various AngleArc
// controls.
case IDD_OK:
// Retrieve the x-coordinate of the arc's center.
ClearBits(chInput, sizeof(chInput));
GetDlgItemText(hdlg, IDD_X, chInput,
sizeof(chInput));
cch = GetStrLngth(chInput);
nX = (int)RetrieveInput(chInput, cch);
// Retrieve the y-coordinate of the arc's center.
ClearBits(chInput, sizeof(chInput));
GetDlgItemText(hdlg, IDD_Y, chInput,
sizeof(chInput));
cch = GetStrLngth(chInput);
nY = (int)RetrieveInput(chInput, cch);
// Retrieve the radius of the arc.
ClearBits(chInput, sizeof(chInput));
GetDlgItemText(hdlg, IDD_RADIUS, chInput,
sizeof(chInput));
cch = GetStrLngth(chInput);
dwRadius = (DWORD) RetrieveInput(chInput, cch);
// Retrieve the start angle.
ClearBits(chInput, sizeof(chInput));
GetDlgItemText(hdlg, IDD_STARTANGLE, chInput,
sizeof(chInput));
cch = GetStrLngth(chInput);
xStartAngle = (float) RetrieveInput(chInput, cch);
// Retrieve the sweep angle.
ClearBits(chInput, sizeof(chInput));
GetDlgItemText(hdlg, IDD_SWEEPANGLE, chInput,
sizeof(chInput));
cch = GetStrLngth(chInput);
xSweepAngle = (float) RetrieveInput(chInput, cch);
EndDialog(hdlg, FALSE);
return TRUE;
// If user presses the CANCEL button, close the
// dialog box.
case IDD_CANCEL:
EndDialog(hdlg, FALSE);
return TRUE;
} // end switch (wParam)
break;
default:
return FALSE;
} // end switch (message)
UNREFERENCED_PARAMETER(lParam);
}
void ClearBits(LPTSTR cArray, int iLength)
{
int i;
for (i = 0; i < iLength; i++)
cArray[i] = 0;
}
int GetStrLngth(LPTSTR cArray)
{
int i = 0;
while (cArray[i++] != 0);
return i - 1;
}
DWORD RetrieveInput(LPTSTR cArray, int iLength)
{
int i, iTmp;
double dVal, dCount;
dVal = 0.0;
dCount = (double) (iLength - 1);
// Convert ASCII input to a floating-point value.
for (i = 0; i < iLength; i++)
{
iTmp = cArray[i] - 0x30;
dVal = dVal + (((double)iTmp) * pow(10.0, dCount--));
}
return (DWORD) dVal;
}
Para dibujar cada sección del gráfico circular, pase los valores especificados por el usuario a la función AngleArc . Para rellenar el gráfico circular con el pincel actual, inserte la llamada a AngleArc entre corchetes. En el ejemplo de código siguiente se muestra el corchete de ruta de acceso definido y la llamada a AngleArc.
int nX;
int nY;
DWORD dwRadius;
float xStartAngle;
float xSweepAngle;
hdc = GetDC(hwnd);
BeginPath(hdc);
SelectObject(hdc, GetStockObject(GRAY_BRUSH));
MoveToEx(hdc, nX, nY, (LPPOINT) NULL);
AngleArc(hdc, nX, nY, dwRadius, xStartAngle, xSweepAngle);
LineTo(hdc, nX, nY);
EndPath(hdc);
StrokeAndFillPath(hdc);
ReleaseDC(hwnd, hdc);