Grafici Google angolari - Grafico a ciambella
Di seguito è riportato un esempio di un grafico ad anello.
Abbiamo già visto le configurazioni utilizzate per disegnare un grafico nel capitolo Sintassi della configurazione di Google Charts . Vediamo ora un esempio di grafico ad anello.
Configurazioni
Noi abbiamo usato pieHole configurazione per mostrare un grafico a torta come grafico ad anello.
options = {
pieHole:0.4
};
Esempio
app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'Browser market shares at a specific website, 2014';
type = 'PieChart';
data = [
['Firefox', 45.0],
['IE', 26.8],
['Chrome', 12.8],
['Safari', 8.5],
['Opera', 6.2],
['Others', 0.7]
];
columnNames = ['Browser', 'Percentage'];
options = {
pieHole:0.4
};
width = 550;
height = 400;
}
Risultato
Verifica il risultato.