带负值的条形图

以下是带负值的条形图示例。

我们已经在Highcharts 配置语法一章中看到了用于绘制图表的配置。现在，让我们看一个带负值的基本条形图示例。

示例

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);
   }
}

结果

验证结果。

gwt_highcharts_bar_charts.html