React Gráfico radial

    El gráfico radial Ignite UI for React 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). El gráfico radial 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.

    React Radial Area Chart

    El Gráfico de áreas radial React 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 enIgrDataChart control vinculando tus datos a,IgrRadialAreaSeries como se muestra en el ejemplo siguiente.

    React 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 elIgrDataChart control vinculando tus datos a unIgrRadialColumnSeries, como se muestra en el ejemplo siguiente:

    React Radial Line Chart

    El React 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 elIgrDataChart control vinculando tus datos a,IgrRadialLineSeries como se muestra en el ejemplo siguiente:

    React 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 elIgrDataChart control vinculando tus datos a unIgrRadialPieSeries, como se muestra en el ejemplo siguiente:

    React 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 enIgrDataChart el control.

    React 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 elIgrCategoryAngleAxis.

    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: