Gráfico de pasos Angular

La Ignite UI for Angular Step Chart pertenece a un grupo de gráficos de categorías que se representan como una colección de puntos conectados por líneas verticales y horizontales continuas. Los valores se representan en el eje y y las categorías se muestran en el eje x. El gráfico de pasos enfatiza la cantidad de cambio durante un período de tiempo o compara varios elementos.

Angular Step Area Chart

Puede crear Angular paso Gráfico de áreas en el IgxCategoryChartComponent control estableciendo chartType la propiedad en StepArea enumeración, como se muestra en el ejemplo siguiente.

Angular Step Line Chart

El Gráfico de líneas de pasos Angular es muy similar al Gráfico de áreas de pasos, excepto que el área debajo de las líneas está completa.

Puede crear Gráfico de líneas de pasos en el control IgxCategoryChartComponent vinculando sus datos y configurando la propiedad chartType al valor StepLine, como se muestra en el siguiente ejemplo.

Angular Step Chart Styling

Si necesita gráficos de pasos con más funciones, como componer otras series, puede configurar las propiedades markerTypes, markerBrushes, markerOutlines, brushes de líneas y outlines de líneas en el control IgxCategoryChartComponent como se muestra a continuación.

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: