Couleurs de l'histogramme
Voici un exemple d'un histogramme avec une couleur personnalisée.
Nous avons déjà vu les configurations utilisées pour dessiner un graphique dans le chapitre Syntaxe de configuration de Google Charts . Voyons maintenant un exemple de graphique histogramme avec une couleur personnalisée.
Configurations
Nous avons utilisé color configuration pour changer la couleur par défaut de l'histogramme.
options = {
legend:'none',
colors:['green']
};
Exemple
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']
};
width = 550;
height = 400;
}
Résultat
Vérifiez le résultat.