Gráfico circular con rebanadas explosionadas

A continuación se muestra un ejemplo de un gráfico circular con sectores ampliados.

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 circular con porciones explosionadas.

Configuraciones

Hemos usado slices configuración para mostrar un gráfico circular con sectores ampliados.

options = {    
   slices: {  
      1: {offset: 0.2},
      3: {offset: 0.3}                   
   },
};

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 = '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 = {    
      slices: {  
         1: {offset: 0.2},
         3: {offset: 0.3}                   
      },
   };
   width = 550;
   height = 400;
}

Resultado

Verifique el resultado.