Gráfico de columnas con valores negativos

A continuación se muestra un ejemplo de un gráfico de columnas con valores negativos.

Ya hemos visto las configuraciones utilizadas para dibujar un gráfico en el capítulo Sintaxis de configuración de Highcharts . Ahora, veamos un ejemplo de un gráfico de columnas básico con valores negativos.

Ejemplo

HelloWorld.java

package com.tutorialspoint.client;

import org.moxieapps.gwt.highcharts.client.Chart;
import org.moxieapps.gwt.highcharts.client.Series.Type;

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

public class HelloWorld implements EntryPoint {
   public void onModuleLoad() {
      final Chart chart = new Chart()  
         .setType(Type.COLUMN)  
         .setChartTitleText("Column chart with negative values");  
      chart.getXAxis()  
         .setCategories("Apples", "Oranges", "Pears", "Grapes", "Bananas");  
      chart.addSeries(chart.createSeries()  
         .setName("John")  
         .setPoints(new Number[] { 5, 3, 4, 7, 2 })  
      );  
      chart.addSeries(chart.createSeries()  
         .setName("Jane")  
         .setPoints(new Number[] { 2, -2, -3, 2, 1 })  
      );  
      chart.addSeries(chart.createSeries()  
         .setName("Joe")  
         .setPoints(new Number[] { 3, 4, 4, -2, 5 })  
      );  
      RootPanel.get().add(chart);
   }
}

Resultado

Verifique el resultado.