React Gráficos de dispersión

    El Ignite UI for React Gráfico de dispersión pertenece a un grupo de gráficos que muestran la relación entre los elementos de distintas series de datos o para trazar elementos de datos utilizando coordenadas numéricas x e y. 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 con respecto a los resultados previstos. Además, puede usarlos para organizar los datos cronológicamente (incluso si los datos no están en orden cronológico).

    React Scatter Marker Chart

    React Gráfico de Marcadores de Dispersión se representa como una colección de marcadores, cada uno con un par de valores numéricos X/Y que determinan su ubicación en el sistema de coordenadas cartesianas. Puedes crear este tipo de gráfico en elIgrDataChart control vinculando tus datos a unIgrScatterSeries, como se muestra en el ejemplo siguiente:

    React Scatter Line Chart

    React Gráfico de líneas dispersión 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. Puedes crear este tipo de gráfico en elIgrDataChart control vinculando tus datos a unIgrScatterLineSeries, como se muestra en el ejemplo siguiente:

    React Scatter Spline Chart

    React Gráfico de Splines de Dispersión 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. Puedes crear este tipo de gráfico en elIgrDataChart control vinculando tus datos a unIgrScatterSplineSeries, como se muestra en el ejemplo siguiente:

    React Scatter High Density Chart

    Utiliza el Gráfico de Alta Densidad (HD) de Dispersión React para enlazar y mostrar datos de dispersión 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 gran cantidad de puntos, se visualiza como puntos diminutos en lugar de marcadores a tamaño completo, y muestra las áreas con más datos usando una mayor densidad de color que representa un conjunto de puntos de datos. Puedes crear este tipo de gráfico en elIgrDataChart control vinculando tus datos a unIgrHighDensityScatterSeries, como se muestra en el ejemplo siguiente:

    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 numérico asignado a cada punto. Este gráfico es útil para renderizar mapas de calor, intensidad de campo magnético o intensidad de Wi-Fi en una oficina. Puedes crear este tipo de gráfico en elIgrDataChart control vinculando tus datos a unIgrScatterAreaSeries, como se muestra en el ejemplo siguiente:

    React Scatter Contour Chart

    React Gráfico de Contornos de Dispersión dibuja líneas de contorno de colores basándose en una triangulación de datos X e Y con un valor numérico asignado a cada punto. Este gráfico es útil para renderizar mapas de calor, intensidad de campo magnético o intensidad de Wi-Fi en una oficina. Puedes crear este tipo de gráfico en elIgrDataChart control vinculando tus datos a unIgrScatterContourSeries, como se muestra en el ejemplo siguiente:

    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