NumberRangeFilterExample.java

package com.googlecode.gwt.charts.showcase.client.controls;

import com.google.gwt.core.client.JsArrayMixed;
import com.google.gwt.core.client.JsonUtils;
import com.google.gwt.dom.client.Style.Unit;
import com.google.gwt.user.client.ui.DockLayoutPanel;
import com.googlecode.gwt.charts.client.ChartLoader;
import com.googlecode.gwt.charts.client.ChartPackage;
import com.googlecode.gwt.charts.client.ChartType;
import com.googlecode.gwt.charts.client.ChartWrapper;
import com.googlecode.gwt.charts.client.DataTable;
import com.googlecode.gwt.charts.client.controls.Dashboard;
import com.googlecode.gwt.charts.client.controls.filter.NumberRangeFilter;
import com.googlecode.gwt.charts.client.controls.filter.NumberRangeFilterOptions;
import com.googlecode.gwt.charts.client.corechart.BarChartOptions;
import com.googlecode.gwt.charts.client.util.ChartHelper;

public class NumberRangeFilterExample extends DockLayoutPanel {
	private Dashboard dashboard;
	private ChartWrapper<BarChartOptions> barChartWrapper;
	private NumberRangeFilter numberRangeFilter;

	public NumberRangeFilterExample() {
		super(Unit.PX);
		initialize();
	}

	private void initialize() {
		ChartLoader chartLoader = new ChartLoader(ChartPackage.CONTROLS);
		chartLoader.loadApi(new Runnable() {

			@Override
			public void run() {
				addNorth(getDashboardWidget(), 0);
				addNorth(getNumberRangeFilter(), 100);
				add(getBarChartWrapper());
				draw();
			}
		});
	}

	private Dashboard getDashboardWidget() {
		if (dashboard == null) {
			dashboard = new Dashboard();
		}
		return dashboard;
	}

	private ChartWrapper<BarChartOptions> getBarChartWrapper() {
		if (barChartWrapper == null) {
			barChartWrapper = new ChartWrapper<BarChartOptions>();
			barChartWrapper.setChartType(ChartType.BAR);
		}
		return barChartWrapper;
	}

	private NumberRangeFilter getNumberRangeFilter() {
		if (numberRangeFilter == null) {
			numberRangeFilter = new NumberRangeFilter();
		}
		return numberRangeFilter;
	}

	private void draw() {
		// Set control options
		NumberRangeFilterOptions numberRangeFilterOptions = NumberRangeFilterOptions.create();
		numberRangeFilterOptions.setFilterColumnLabel("Age");
		numberRangeFilterOptions.setMinValue(0);
		numberRangeFilterOptions.setMaxValue(60);
		numberRangeFilter.setOptions(numberRangeFilterOptions);

		// Set chart options
		BarChartOptions barChartOptions = BarChartOptions.create();
		barChartWrapper.setOptions(barChartOptions);

		// Generate data
		JsArrayMixed dataArray = JsonUtils
			.unsafeEval("[['Name', 'Age'],['Michael' , 12],['Elisa', 20],['Robert', 7],['John', 54],['Jessica', 22],['Aaron', 3],['Margareth', 42],['Miranda', 33]]");

		// Prepare the data
		DataTable dataTable = ChartHelper.arrayToDataTable(dataArray);

		// Draw the chart
		dashboard.bind(numberRangeFilter, barChartWrapper);
		dashboard.draw(dataTable);
	}
}