Gráfico de burbujas Web Components
El gráfico de burbujas Ignite UI for Web Components 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.
Web Components Bubble Chart Example
Puede crear Ignite UI for Web Components en el control IgcDataChartComponent utilizando IgcBubbleSeriesComponent y dos ejes numéricos, como se muestra en el siguiente ejemplo.
Web Components Bubble Chart with Single Series
Puede vincular sus datos a la propiedad ItemsSource de IgcBubbleSeriesComponent y asignar columnas de datos usando sus propiedades xMemberPath, yMemberPath, radiusMemberPath, como se muestra en el siguiente ejemplo:
Web Components Bubble Chart with Multiple Series
En Web Components Bubble Chart, vincular múltiples fuentes de datos funciona configurando cada nueva fuente de datos en la propiedad ItemsSource de un IgcBubbleSeriesComponent adicional, como se muestra en el siguiente ejemplo:
Web Components Bubble Chart Styling
En Web Components 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: