Cubos de gráfico de histograma

A continuación, se muestra un ejemplo de un gráfico de histograma con un tamaño de depósito personalizado.

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 histograma con un tamaño de depósito personalizado.

Configuraciones

Hemos usado bucketSize configuración para cambiar el tamaño de depósito predeterminado del gráfico de histograma.

options = {   
   legend:'none',
   colors:['green'],
   histogram: { bucketSize: 5 }
};

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 = 'Students height, in cm';
   type = 'Histogram';
   data = [
      ["1", 80],["2", 55],["3", 68],["4", 80],["5", 54],
      ["6", 70],["7", 85],["8", 78],["9", 70],["10", 58],
      ["11", 90],["12", 65],["13", 88],["14", 82],["15", 65],
      ["16", 86],["17", 45],["18", 62],["19", 84],["20", 75],
      ["21", 82],["22", 75],["23", 58],["24", 70],["25", 85]
   ];
   columnNames = ["Student Roll No", "height"];
   options = {   
      legend:'none',
      colors:['green'],
      histogram: { bucketSize: 5 }
   };
   width = 550;
   height = 400;
}

Resultado

Verifica el resultado.