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



<window apply="demo.bar.BarStackedComposer">
	<charts id="chart" type="bar" title="Ferry passengers by vehicle type 2024"/>
</window>

package demo.bar;

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


public class BarStackedComposer extends SelectorComposer<Window> {

	@Wire
	Charts chart;

	public void doAfterCompose(Window comp) throws Exception {
		super.doAfterCompose(comp);

		chart.getTitle().setAlign("left");

		chart.setModel(BarStackedData.getCategoryModel());

		chart.getYAxis().setMin(0);
		chart.getYAxis().setTitle("");

		chart.getLegend().setReversed(true);

		chart.getPlotOptions().getSeries().setStacking("normal");
		chart.getPlotOptions().getSeries().getDataLabels().setEnabled(true);
    }
}

package demo.bar;

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



public class BarStackedData {
	private static CategoryModel model;
	static {
		model = new DefaultCategoryModel();
		model.setValue("Motorcycles", "January", 74);
		model.setValue("Motorcycles", "February", 27);
		model.setValue("Motorcycles", "March", 52);
		model.setValue("Motorcycles", "April", 93);
		model.setValue("Motorcycles", "May", 1272);
		model.setValue("Null-emission vehicles", "January", 2106);
		model.setValue("Null-emission vehicles", "February", 2398);
		model.setValue("Null-emission vehicles", "March", 3046);
		model.setValue("Null-emission vehicles", "April", 3195);
		model.setValue("Null-emission vehicles", "May", 4916);
		model.setValue("Conventional vehicles", "January", 12213);
		model.setValue("Conventional vehicles", "February", 12721);
		model.setValue("Conventional vehicles", "March", 15242);
		model.setValue("Conventional vehicles", "April", 16518);
		model.setValue("Conventional vehicles", "May", 25037);
	}

	public static CategoryModel getCategoryModel() {
		return model;
	}
}