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



<window apply="demo.area.AreaSplineComposer">
	<charts id="chart" type="areaspline"
		title="Average fruit consumption during one week"/>
</window>

package demo.area;

import org.zkoss.chart.Charts;
import org.zkoss.chart.Legend;
import org.zkoss.chart.PlotBand;
import org.zkoss.zk.ui.select.SelectorComposer;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zul.CategoryModel;
import org.zkoss.zul.SimpleCategoryModel;
import org.zkoss.zul.Window;


public class AreaSplineComposer extends SelectorComposer<Window> {

	@Wire
	Charts chart;

    public void doAfterCompose(Window comp) throws Exception {
		super.doAfterCompose(comp);
		
		chart.setModel(AreaSplineData.getCategoryModel());
		
		Legend legend = chart.getLegend();
		legend.setLayout("vertical");
		legend.setAlign("left");
		legend.setVerticalAlign("top");
		legend.setX(150);
		legend.setY(100);
		legend.setFloating(true);
		legend.setBorderWidth(1);
		
		// visualize the weekend
		chart.getXAxis().addPlotBand(
			new PlotBand(4.5, 6.5, "rgba(68, 170, 213, .2)"));
		
		chart.getYAxis().setTitle("Fruit units");
		
		chart.getTooltip().setShared(true);
		chart.getTooltip().setValueSuffix(" units");
		
		chart.getCredits().setEnabled(false);
		
		chart.getPlotOptions().getArea().setFillOpacity(0.5);
	}
}