Gráficos de dispersión Web Components
El Gráfico de dispersión Ignite UI for Web Components 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).
Web Components Scatter Marker Chart
El gráfico de marcadores de dispersión Web Components se representa como una colección de marcadores, cada uno de los cuales tiene 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 IgcDataChartComponent vinculando sus datos a un IgcScatterSeriesComponent, como se muestra en el siguiente ejemplo:
Web Components Scatter Line Chart
Gráfico de líneas de dispersión Web Components 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 determinan su ubicación en el sistema de coordenadas cartesianas. Puede crear este tipo de gráfico en el control IgcDataChartComponent vinculando sus datos a un IgcScatterLineSeriesComponent, como se muestra en el siguiente ejemplo:
Web Components Scatter Spline Chart
El gráfico de spline de dispersión Web Components 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 IgcDataChartComponent vinculando sus datos a un IgcScatterSplineSeriesComponent, como se muestra en el siguiente ejemplo:
Web Components Scatter High Density Chart
Utilice el gráfico de dispersión de alta densidad (HD) Web Components 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 IgcDataChartComponent vinculando sus datos a un IgcHighDensityScatterSeriesComponent, como se muestra en el siguiente ejemplo:
Web Components Scatter Area Chart
Gráfico de áreas de dispersión Web Components 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 IgcDataChartComponent vinculando sus datos a un IgcScatterAreaSeriesComponent, como se muestra en el siguiente ejemplo:
Web Components Scatter Contour Chart
El gráfico de contorno de dispersión Web Components 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 IgcDataChartComponent vinculando sus datos a un IgcScatterContourSeriesComponent, 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 | IgcDataChartComponent |
IgcScatterSeriesComponent |
| Línea de dispersión | IgcDataChartComponent |
IgcScatterLineSeriesComponent |
| Spline de dispersión | IgcDataChartComponent |
IgcScatterSplineSeriesComponent |
| Dispersión de alta densidad | IgcDataChartComponent |
IgcHighDensityScatterSeriesComponent |
| Área de dispersión | IgcDataChartComponent |
IgcScatterAreaSeriesComponent |
| Contorno de dispersión | IgcDataChartComponent |
IgcScatterContourSeriesComponent |