Columna apilada negativa

A continuación se muestra un ejemplo de un gráfico de columnas apiladas negativas.

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 de columnas apiladas negativas.

Configuraciones

Hemos usado isStacked opción para mostrar el gráfico basado en columnas como apilado.

ColumnChartOptions options = ColumnChartOptions.create();
options.setIsStacked(true);

Ejemplo

HelloWorld.java

package com.tutorialspoint.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;

import com.googlecode.gwt.charts.client.ChartLoader;
import com.googlecode.gwt.charts.client.ChartPackage;
import com.googlecode.gwt.charts.client.ColumnType;
import com.googlecode.gwt.charts.client.DataTable;
import com.googlecode.gwt.charts.client.corechart.ColumnChart;
import com.googlecode.gwt.charts.client.corechart.ColumnChartOptions;
import com.googlecode.gwt.charts.client.options.HAxis;
import com.googlecode.gwt.charts.client.options.VAxis;

public class HelloWorld implements EntryPoint {
   private ColumnChart chart;

   private void initialize() {
      ChartLoader chartLoader = new ChartLoader(ChartPackage.CORECHART);
      chartLoader.loadApi(new Runnable() {
         public void run() {
            // Create and attach the chart
            chart = new ColumnChart();
            RootPanel.get().add(chart);
            draw();
         }
      });
   }
   private void draw() {
      // Prepare the data
      DataTable data = DataTable.create();
      data.addColumn(ColumnType.STRING, "Year");
      data.addColumn(ColumnType.NUMBER, "Asia");
      data.addColumn(ColumnType.NUMBER, "Europe");
      
      data.addRow("2012", 900, 390);
      data.addRow("2013", -1000,400);
      data.addRow("2014", -1170, 440);
      data.addRow("2015", 1250, 480);
      data.addRow("2016", 1530, 540);    		

      // Set options
      ColumnChartOptions options = ColumnChartOptions.create();
      options.setTitle("Population (in millions)");
      options.setIsStacked(true);
      options.setHAxis(HAxis.create("Year"));
      VAxis vAxis = VAxis.create();
      vAxis.setMinValue(0);
      options.setVAxis(vAxis);

      // Draw the chart
      chart.draw(data,options);
      chart.setWidth("400px");
      chart.setHeight("400px");
   }
   public void onModuleLoad() {
      initialize();
   }
}

Resultado

Verifique el resultado.