React gráfico de burbujas
La Ignite UI for React Bubble Chart es un tipo de Gráfico de dispersión que muestra marcadores con escala variable para representar la relación entre elementos en varias series distintas de datos o para trazar elementos de datos usando coordenadas xey. Estas coordenadas del punto de datos están determinadas por dos columnas de datos numéricos. El gráfico de burbujas llama la atención sobre intervalos o grupos de datos desiguales. Este gráfico se utiliza a menudo para trazar datos científicos y puede resaltar la desviación de los datos recopilados de los resultados previstos. El gráfico de burbujas tiene muchas de las características del gráfico de marcadores de dispersión, pero con la opción de tener varios tamaños de escala de radio.
React Bubble Chart Example
Puede crear Ignite UI for React Bubble Chart en el control IgrDataChart utilizando IgrBubbleSeries y dos ejes numéricos, como se muestra en el siguiente ejemplo.
React Bubble Chart with Single Series
Puede vincular sus datos a la propiedad ItemsSource de IgrBubbleSeries y asignar columnas de datos utilizando sus propiedades xMemberPath, yMemberPath, radiusMemberPath, como se muestra en el siguiente ejemplo:
React Bubble Chart with Multiple Series
En React Bubble Chart, vincular múltiples fuentes de datos funciona configurando cada nueva fuente de datos en la propiedad ItemsSource de un IgrBubbleSeries adicional, como se muestra en el siguiente ejemplo:
React Bubble Chart Styling
En React Bubble Chart, puede personalizar la forma de los marcadores de burbujas usando la propiedad markerType, su tamaño con la propiedad radiusScale y su apariencia usando las propiedades markerBrush, markerOutline y markerThickness. Además, también puede colorear marcadores de burbujas según una columna de datos utilizando las propiedades fillMemberPath y fillScale. En este ejemplo, se demuestra el uso de las propiedades anteriores.
Additional Resources
API References
La siguiente tabla enumera los miembros de API mencionados en las secciones anteriores: