Gwt-highcharts-bar-negative
提供:Dev Guides
負の値を持つ棒グラフ
以下は、負の値を持つ棒グラフの例です。
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.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);
}
}
結果
結果を確認します。