Gráfico de burbujas con etiquetas de datos

A continuación se muestra un ejemplo de un gráfico de burbujas con etiquetas.

Ya hemos visto las configuraciones utilizadas para dibujar un gráfico en el capítulo Sintaxis de configuración de Google Charts . Ahora, veamos un ejemplo de un gráfico de burbujas con etiquetas de datos.

Configuraciones

Hemos usado BubbleChart clase para mostrar un gráfico de burbujas con etiquetas de datos.

type = 'BubbleChart';

Ejemplo

app.component.ts

import { Component } from '@angular/core';
@Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
})
export class AppComponent {
   title = 'Age vs Weight';
   type = 'BubbleChart';
   data = [
      ["Robert", 8, 12],
      ["Mohan", 4, 5.5],
      ["Ramesh", 11, 14],
      ["Julie", 3, 3.5],
      ["Sohan", 6.5, 7]
   ];
   columnNames = ['Id', 'Age','Weight'];
   options = { };
   width = 550;
   height = 400;
}

Resultado

Verifique el resultado.