How to combine slices in pie chart

[Angelo Rodas]

html

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

       <div id="programmatic_dashboard_div" style="border: 1px solid #ccc">

      <table class="columns">

        <tr>

          <td>

            <div id="programmatic_control_div" style="padding-left: 2em; min-width: 250px"></div>

            <div>

              <button style="margin: 1em 1em 1em 2em" onclick="changeRange();">

                Select range [2, 5]

              </button><br />

              <button style="margin: 1em 1em 1em 2em" onclick="changeOptions();">

                Make the pie chart 3D

              </button>

            </div>

            <script type="text/javascript">

              function changeRange() {

                programmaticSlider.setState({'lowValue': 2, 'highValue': 5});

                programmaticSlider.draw();

              }

              function changeOptions() {

                programmaticChart.setOption('is3D', true);

                programmaticChart.draw();

              }

            </script>

          </td>

          <td>

            <div id="programmatic_chart_div"></div>

          </td>

        </tr>

      </table>

    </div>

javascript

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

      google.charts.setOnLoadCallback(drawStuff);

      function drawStuff() {

        var dashboard = new google.visualization.Dashboard(

          document.getElementById('programmatic_dashboard_div'));

        // We omit "var" so that programmaticSlider is visible to changeRange.

        var programmaticSlider = new google.visualization.ControlWrapper({

          'controlType': 'NumberRangeFilter',

          'containerId': 'programmatic_control_div',

          'options': {

            'filterColumnLabel': 'Start Ups',

            'ui': {'labelStacking': 'vertical'}

          }

        });

        var programmaticChart  = new google.visualization.ChartWrapper({

          'chartType': 'PieChart',

          'containerId': 'programmatic_chart_div',

          'options': {

            'width': 300,

            'height': 300,

            'legend': 'none',

            'chartArea': {'left': 15, 'top': 15, 'right': 0, 'bottom': 0},

            'pieSliceText': 'label',

            'is3D':true

          },

          'view': {columns:[0,2]}

        });

        var data = google.visualization.arrayToDataTable([

          ['Tipo de Producto', 'Sector','Start Ups'],

          ['Producto','Agricultura',1],

      ['Producto','Comercio/Retail',1],

      ['Servicio','Fintech',3],

      ['Ambos','Industria alimentaria/bebidas',2],

      ['Servicio','Otros: especificar',1],

      ['Ambos','Salud',2],

      ['Servicio','Servicios',3]

        ]);

        dashboard.bind(programmaticSlider, programmaticChart);

        dashboard.draw(data);

        changeRange = function() {

          programmaticSlider.setState({'lowValue': 2, 'highValue': 5});

          programmaticSlider.draw();

        };

        changeOptions = function() {

          programmaticChart.setOption('is3D', true);

          programmaticChart.draw();

        };

      }