Graphique à barres avec des valeurs négatives

Voici un exemple de graphique à barres avec des valeurs négatives.

Nous avons déjà vu les configurations utilisées pour dessiner un graphique dans le chapitre Syntaxe de configuration Highcharts . Voyons maintenant un exemple de graphique à barres de base avec des valeurs négatives.

Exemple

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.BAR)  
         .setChartTitleText("Bar 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);
   }
}

Résultat

Vérifiez le résultat.