React gráficos de dispersión

    La Ignite UI for React Gráfico de dispersión 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).

    React Scatter Marker Chart

    React Scatter Marker Chart 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 IgrDataChart vinculando sus datos a IgrScatterSeries, como se muestra en el siguiente ejemplo:

    React Scatter Line Chart

    React Scatter Gráfico de líneas 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 IgrDataChart vinculando sus datos a IgrScatterLineSeries, como se muestra en el siguiente ejemplo:

    React Scatter Spline Chart

    React Scatter Spline Chart 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 determina su ubicación en el sistema de coordenadas cartesianas. Puede crear este tipo de gráfico en el control IgrDataChart vinculando sus datos a IgrScatterSplineSeries, como se muestra en el siguiente ejemplo:

    React Scatter High Density Chart

    Utilice el gráfico de alta densidad (HD) React Scatter para vincular y mostrar datos dispersos que van desde miles a 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 IgrDataChart vinculando sus datos a IgrHighDensityScatterSeries, como se muestra en el siguiente ejemplo:

    React Scatter Area Chart

    React Scatter Gráfico de áreas 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 IgrDataChart vinculando sus datos a IgrScatterAreaSeries, como se muestra en el siguiente ejemplo:

    React Scatter Contour Chart

    React Scatter Contour Chart 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 IgrDataChart vinculando sus datos a IgrScatterContourSeries, 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 IgrDataChart IgrScatterSeries
    Línea de dispersión IgrDataChart IgrScatterLineSeries
    Spline de dispersión IgrDataChart IgrScatterSplineSeries
    Dispersión de alta densidad IgrDataChart IgrHighDensityScatterSeries
    Área de dispersión IgrDataChart IgrScatterAreaSeries
    Contorno de dispersión IgrDataChart IgrScatterContourSeries