Gráficos Sankey con múltiples niveles

A continuación se muestra un ejemplo de un gráfico SanKey con varios niveles.

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 SanKey con múltiples niveles.

Configuraciones

Hemos usado Sankey clase para mostrar un gráfico de Sankey con varios niveles.

type = 'Sankey';

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 = '';
   type = 'Sankey';
   data = [
      ["Brazil","Portugal",5],
      ["Brazil","France",1],
      ["Brazil","Spain",1],
      ["Brazil","England",1],
      ["Canada","Portugal",1],
      ["Canada","France",5],
      ["Canada","England",1],
      ["Mexico","Portugal",1], 
      ["Mexico","France",1],
      ["Mexico","Spain",5],
      ["Mexico","England",1], 
      ["USA","Portugal",1], 
      ["USA","France",1],
      ["USA","Spain",1],
      ["USA","England",5],
      ["Portugal","Angola",2], 
      ["Portugal","Senagal",1],
      ["Portugal","Morocco",1],
      ["Portugal","South Africa",3]
   ];
   columnNames = ['From', 'To','Weight'];
   options = {       
   };
   width = 550;
   height = 400;
}

Resultado

Verifique el resultado.