A seguir está um exemplo de um gráfico 3D.
Já vimos as configurações usadas para desenhar um gráfico no capítulo Google Charts Configuration Syntax . Agora, vamos ver um exemplo de gráfico de rosca.
Configurações
Nós usamos is3D configuração para mostrar um gráfico de pizza como um gráfico de pizza 3D.
options = {
is3D:true
};
Exemplo
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 = {
is3D:true
};
width = 550;
height = 400;
}
Resultado
Verifique o resultado.