負の値を持つ縦棒グラフ

以下は、負の値を持つ縦棒グラフの例です。

link：/gwt_highcharts/gwt_highcharts_configuration_syntax [Highcharts構成構文]の章で、チャートを描画するために使用される構成をすでに確認しました。ここで、負の値を持つ基本的な縦棒グラフの例を見てみましょう。

例

*_HelloWorld.java_*

package com.finddevguides.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);
   }
}

結果

結果を確認します。

負の値を持つ縦棒グラフ

Gwt-highcharts-column-negative

負の値を持つ縦棒グラフ

例

結果