<?xml version="1.0" encoding="UTF-8"?>



<window apply="demo.bar.ColumnStackedGroupedComposer">
	<charts id="chart" type="column" title="Total fruit consumtion, grouped by gender"/>
</window>

package demo.bar;

import org.zkoss.chart.Charts;
import org.zkoss.chart.YAxis;
import org.zkoss.zk.ui.select.SelectorComposer;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zul.Window;


public class ColumnStackedGroupedComposer extends SelectorComposer<Window> {

    @Wire
    Charts chart;

    public void doAfterCompose(Window comp) throws Exception {
		super.doAfterCompose(comp);
		
		chart.setModel(ColumnStackedGroupedData.getCategoryModel());
		
		chart.getSeries().setStack("male");
		chart.getSeries(1).setStack("male");
		chart.getSeries(2).setStack("female");
		chart.getSeries(3).setStack("female");
		
		YAxis yAxis = chart.getYAxis();
		yAxis.setAllowDecimals(false);
		yAxis.setMin(0);
		yAxis.setTitle("Number of fruits");
		
		chart.getTooltip().setHeaderFormat("<b>{point.x}</b><br/>");
		chart.getTooltip().setPointFormat("{series.name}: {point.y}<br/>Total: {point.stackTotal}");
		
		chart.getPlotOptions().getColumn().setStacking("normal");
    }
}

package demo.bar;

import org.zkoss.chart.model.CategoryModel;
import org.zkoss.chart.model.DefaultCategoryModel;


public class ColumnStackedGroupedData {
	private static CategoryModel model;
	static {
		model = new DefaultCategoryModel();
		model.setValue("John", "Apples", 5);
		model.setValue("John", "Oranges", 3);
		model.setValue("John", "Pears", 4);
		model.setValue("John", "Grapes", 7);
		model.setValue("John", "Bananas", 2);
		model.setValue("Joe", "Apples", 3);
		model.setValue("Joe", "Oranges", 4);
		model.setValue("Joe", "Pears", 4);
		model.setValue("Joe", "Grapes", 2);
		model.setValue("Joe", "Bananas", 5);
		model.setValue("Jane", "Apples", 2);
		model.setValue("Jane", "Oranges", 5);
		model.setValue("Jane", "Pears", 6);
		model.setValue("Jane", "Grapes", 2);
		model.setValue("Jane", "Bananas", 1);
		model.setValue("Janet", "Apples", 3);
		model.setValue("Janet", "Oranges", 0);
		model.setValue("Janet", "Pears", 4);
		model.setValue("Janet", "Grapes", 4);
		model.setValue("Janet", "Bananas", 3);
	}
	
	public static CategoryModel getCategoryModel() {
		return model;
	}
}