Gráfico radial Blazor
La Ignite UI for Blazor Radial Chart toma datos y los representa como una colección de puntos de datos envueltos alrededor de un círculo (en lugar de extenderse a lo largo de una línea horizontal). Radial Chart también asigna una lista de categorías desde el mínimo hasta el máximo de la extensión del gráfico y admite los mecanismos de agrupación de categorías.
Blazor Radial Area Chart
El Gráfico de áreas radial Blazor tiene la forma de un polígono relleno que está delimitado por un conjunto de líneas rectas que conectan puntos de datos. Este tipo de gráfico utiliza el mismo concepto de trazado de datos que el Gráfico de áreas, pero envuelve los puntos de datos alrededor de un eje circular en lugar de estirarlos horizontalmente. Puedes crear este tipo de gráfico enIgbDataChart control vinculando tus datos a,IgbRadialAreaSeries como se muestra en el ejemplo siguiente.
Blazor Radial Column Chart
El Gráfico de columnas radial se visualiza utilizando una colección de rectángulos que se extienden desde el centro del gráfico hacia las ubicaciones de los puntos de datos. Este utiliza los mismos conceptos de trazado de datos que el Gráfico de columnas, pero envuelve los puntos de datos alrededor de un círculo en lugar de estirarlos horizontalmente. Puedes crear este tipo de gráfico en elIgbDataChart control vinculando tus datos a unIgbRadialColumnSeries, como se muestra en el ejemplo siguiente:
Blazor Radial Line Chart
El Blazor Radial Gráfico de líneas tiene renderizados como una colección de líneas rectas que conectan puntos de datos. Este tipo de gráfico utiliza el mismo concepto de trazado de datos que el Gráfico de líneas, pero envuelve los puntos de datos alrededor de un eje circular en lugar de estirarlos horizontalmente. Puedes crear este tipo de gráfico en elIgbDataChart control vinculando tus datos a,IgbRadialLineSeries como se muestra en el ejemplo siguiente:
Blazor Radial Pie Chart
El Gráfico circular radial utiliza porciones de tarta que se extienden desde el centro del gráfico hacia la ubicación de los puntos de datos. Este tipo de gráfico toma conceptos de categorizar múltiples series de puntos de datos y los envuelve alrededor de un eje circular en lugar de estirar los puntos de datos a lo largo de una línea horizontal. Puedes crear este tipo de gráfico en elIgbDataChart control vinculando tus datos a unIgbRadialPieSeries, como se muestra en el ejemplo siguiente:
Blazor Radial Chart Styling
Una vez creado nuestro gráfico radial, puede que queramos hacer algunas personalizaciones adicionales de estilo, como cambiar los colores de línea, los tipos de marcadores o los colores de contorno de esos marcadores. Este ejemplo demuestra cómo personalizar el estilo enIgbDataChart el control.
Blazor Radial Chart Settings
Además, las etiquetas pueden configurarse para aparecer cerca o en ancho del gráfico. Esto se puede configurar con laLabelMode propiedad para elIgbCategoryAngleAxis.
Additional Resources
Puede encontrar más información sobre tipos de gráficos relacionados en estos temas:
API References
La siguiente tabla enumera los miembros de API mencionados en las secciones anteriores: