Example for a Google Pie Chart

Example with porcents of products line

by Gaston Cancino

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="piechart" style="width: 900px; height: 500px;"></div>

JavaScript

google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Línea Herramientas y Ferretería - Marca STANLEY - Productos ALICATES 1000v - Sub Producto ALICATE 1000V JGO - Sub Sub producto ALICATE 1000V JGOX03 Modelo 84-011',     400],
          ['Línea Herramientas y Ferretería - Marca TACTIX - Productos ALICATES 1000v - Sub Producto ALICATE 1000V CORTE DIAGONAL - Sub Sub producto ALICATE 1000V CORTE DIAGONAL Modelo 201005 6"',      200],
          ['Línea Herramientas y Ferretería - Marca STANLEY - Productos ABOCINADORES - Sub Producto ABOCINADOR - Producto ABOCINADOR Modelo 93-040 3/16-5/8',  100],
          ['Línea COCINA Y GASTRONOMIA - Marca ALEMANIA - Productos ARCOS DE SIERRA P/CARNICERO - Sub Producto ARCO D/SIERRA P/CARNICERO modelo 1681 22', 150],
          ['Línea CORDELES DE PESCA - Marca MARUTO - Productos PESCA ARTICULOS - Sub Producto ANZUELO P/PESCAR - Sub Sub Producto ANZUELO P/PESCAR JAPON modelo 1220-5',    150]
        ]);

        var options = {
          title: 'Representación de ingresos por Línea de productos - Marca - Producto'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }