負值柱狀圖

下面是負值柱狀圖的示例。

我們已經在 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.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);
   }
}

結果

驗證結果。