Directory

competition-chart

Visualization of a knockout chart

View larger

Close

View larger

Close

An implementation of a knockout chart that can be used in two modes.

All running from left to right. Half from left half from right.

Sample code

KnockoutChart knockoutChart = new KnockoutChart();

...

final List<Competitor> group1 = new LinkedList<Competitor>();
// Competitor is built with (long id, String name, int tier)
// tier 0 means no matches won.
group1.add(new Competitor(1, getName(), 0));
group1.add(new Competitor(2, getName(), 0));

// (int groupNumber, String groupName, List<Competitor> participants)
knockoutChart.addGroup(1, "Group A", group1);

...

// also possible:
// (int groupNumber, String groupName, Competitor... participants)
knockoutChart.addGroup(2, "Group B", new Competitor(3, getName(), 0), new Competitor(4, getName(), 0));

private final Map<Integer, Competitor> participants = new HashMap<Integer, Competitor>();

public void init() {
	...

	knockoutChart.addListener(vcl);
	...
}

private final ValueSelectListener vcl = new ValueSelectListener() {
	private static final long serialVersionUID = 1835799531600547425L;

	public void valueSelect(final ValueSelectEvent event) {
		final Competitor c = participants.get(Integer.parseInt(Long.toString(event.getKey())));
		c.addAdvanced();
		knockoutChart.requestRepaint();
	}
};

// Selecting the chart layout (left and right or all from left)
knockoutChart.setChartMode(VisualisationMode.LEFT_RIGHT);
knockoutChart.requestRepaint();

// and
knockoutChart.setChartMode(VisualisationMode.LEFT_ONLY);
knockoutChart.requestRepaint();

// Setting if panning is enabled on mouse drag
knockoutChart.setPanningEnabled(pan.booleanValue());
knockoutChart.requestRepaint();

// Moving chart to original position after moving it around
knockoutChart.resetChartPositions();
knockoutChart.requestRepaint();

Links

• Online Demo
• Issue Tracker
• Source Code
• Forum

Compatibility