Gráficos de dispersión Angular

La Ignite UI for Angular Gráfico de dispersión angular pertenece a un grupo de gráficos que muestran la relación entre elementos en distintas series de datos o para trazar elementos de datos utilizando coordenadas numéricas xey. Estos gráficos llaman la atención sobre intervalos desiguales o grupos de datos. A menudo se utilizan para trazar datos científicos y pueden resaltar la desviación de los datos recopilados de los resultados previstos. Además, puede utilizarlos para organizar datos cronológicamente (incluso si los datos no están en orden cronológico).

Angular Scatter Marker Chart

El gráfico de marcadores de dispersión Angular se representa como una colección de marcadores, cada uno con un par de valores numéricos X/Y que determina su ubicación en el sistema de coordenadas cartesianas. Puede crear este tipo de gráfico en el control IgxDataChartComponent vinculando sus datos a un IgxScatterSeriesComponent, como se muestra en el siguiente ejemplo:

Angular Scatter Line Chart

Gráfico de líneas de dispersión Angular se representa como una colección de marcadores conectados por líneas rectas, cada uno con un par de valores numéricos X/Y que determina su ubicación en el sistema de coordenadas cartesianas. Puede crear este tipo de gráfico en el control IgxDataChartComponent vinculando sus datos a un IgxScatterLineSeriesComponent, como se muestra en el siguiente ejemplo:

Angular Scatter Spline Chart

El gráfico de spline de dispersión Angular se representa como una colección de marcadores conectados por una spline curva, cada uno con un par de valores numéricos X/Y que determinan su ubicación en el sistema de coordenadas cartesianas. Puede crear este tipo de gráfico en el control IgxDataChartComponent vinculando sus datos a un IgxScatterSplineSeriesComponent, como se muestra en el siguiente ejemplo:

Angular Scatter High Density Chart

Utilice el gráfico de dispersión Angular de alta densidad (HD) para vincular y mostrar datos dispersos que van desde miles hasta millones de puntos de datos con muy poco tiempo de carga. Debido a que este tipo de gráfico está diseñado para una cantidad tan grande de puntos, se visualiza como puntos pequeños en lugar de marcadores de tamaño completo, y muestra las áreas con la mayor cantidad de datos utilizando una mayor densidad de color que representa un grupo de puntos de datos. Puede crear este tipo de gráfico en el control IgxDataChartComponent vinculando sus datos a un IgxHighDensityScatterSeriesComponent, como se muestra en el siguiente ejemplo:

Angular Scatter Area Chart

Gráfico de áreas dispersión Angular dibuja una superficie coloreada basada en una triangulación de datos X e Y con un valor de datos numérico asignado a cada punto. Este gráfico es útil para representar mapas de calor, intensidad del campo magnético o intensidad de Wi-Fi en una oficina. Puede crear este tipo de gráfico en el control IgxDataChartComponent vinculando sus datos a un IgxScatterAreaSeriesComponent, como se muestra en el siguiente ejemplo:

Angular Scatter Contour Chart

El gráfico de contorno de dispersión Angular dibuja líneas de contorno de colores basadas en una triangulación de datos X e Y con un valor de datos numérico asignado a cada punto. Este gráfico es útil para representar mapas de calor, intensidad del campo magnético o intensidad de Wi-Fi en una oficina. Puede crear este tipo de gráfico en el control IgxDataChartComponent vinculando sus datos a un IgxScatterContourSeriesComponent, como se muestra en el siguiente ejemplo:

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:

Tipo de gráfico	Nombre del control	Miembros de la API
Marcador de dispersión	`IgxDataChartComponent`	`IgxScatterSeriesComponent`
Línea de dispersión	`IgxDataChartComponent`	`IgxScatterLineSeriesComponent`
Spline de dispersión	`IgxDataChartComponent`	`IgxScatterSplineSeriesComponent`
Dispersión de alta densidad	`IgxDataChartComponent`	`IgxHighDensityScatterSeriesComponent`
Área de dispersión	`IgxDataChartComponent`	`IgxScatterAreaSeriesComponent`
Contorno de dispersión	`IgxDataChartComponent`	`IgxScatterContourSeriesComponent`