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



<window apply="demo.line.SplineIrregularTimeComposer">
	<charts id="chart" type="spline" title="Snow depth at Vikjafjellet, Norway"
		subtitle="Irregular time data"/>
</window>

package demo.line;



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


public class SplineIrregularTimeComposer extends SelectorComposer<Window> {

    @Wire
    Charts chart;

    public void doAfterCompose(Window comp) throws Exception {
		super.doAfterCompose(comp);
		
		chart.getXAxis().setType("datetime");
		// Don't display the dummy year
		chart.getXAxis().getDateTimeLabelFormats().setMonth("%e. %b");
		chart.getXAxis().getDateTimeLabelFormats().setYear("%b");
		chart.getXAxis().setTitle("Date");
		
		chart.getYAxis().setTitle("Snow depth (m)");
		chart.getYAxis().setMin(0);
		
		chart.getTooltip().setHeaderFormat("<b>{series.name}</b><br/>");
		chart.getTooltip().setPointFormat("{point.x:%e. %b}: {point.y} m");
		
		chart.getPlotOptions().getSpline().getMarker().setEnabled(true);
		
		Series series1 = chart.getSeries();
		series1.setName("Winter 2007-2008");
		for (Double[] val : SplineIrregularTimeData.getData(0)) {
			series1.addPoint(val[0], val[1]);
		}
		Series series2 = chart.getSeries(1);
		series2.setName("Winter 2008-2009");
		for (Double[] val : SplineIrregularTimeData.getData(1)) {
			series2.addPoint(val[0], val[1]);
		}
		Series series3 = chart.getSeries(2);
		series3.setName("Winter 2009-2010");
		for (Double[] val : SplineIrregularTimeData.getData(2)) {
			series3.addPoint(val[0], val[1]);
		}
    }
}

package demo.line;

import java.util.Calendar;
import java.util.TimeZone;


public class SplineIrregularTimeData {
	static final Double[][][] data = {
		{
			{ getDate(1970, 9, 27), 0.0 },
			{ getDate(1970, 10, 10), 0.6 },
			{ getDate(1970, 10, 18), 0.7 },
			{ getDate(1970, 11, 2), 0.8 },
			{ getDate(1970, 11, 9), 0.6 },
			{ getDate(1970, 11, 16), 0.6 },
			{ getDate(1970, 11, 28), 0.67 },
			{ getDate(1971, 0, 1), 0.81 },
			{ getDate(1971, 0, 8), 0.78 },
			{ getDate(1971, 0, 12), 0.98 },
			{ getDate(1971, 0, 27), 1.84 },
			{ getDate(1971, 1, 10), 1.80 },
			{ getDate(1971, 1, 18), 1.80 },
			{ getDate(1971, 1, 24), 1.92 },
			{ getDate(1971, 2, 4), 2.49 },
			{ getDate(1971, 2, 11), 2.79 },
			{ getDate(1971, 2, 15), 2.73 },
			{ getDate(1971, 2, 25), 2.61 },
			{ getDate(1971, 3, 2), 2.76 },
			{ getDate(1971, 3, 6), 2.82 },
			{ getDate(1971, 3, 13), 2.8 },
			{ getDate(1971, 4, 3), 2.1 },
			{ getDate(1971, 4, 26), 1.1 },
			{ getDate(1971, 5, 9), 0.25 },
			{ getDate(1971, 5, 12), 0.0 } },
		{
			{ getDate(1970, 9, 18), 0.0 },
			{ getDate(1970, 9, 26), 0.2 },
			{ getDate(1970, 11, 1), 0.47 },
			{ getDate(1970, 11, 11), 0.55 },
			{ getDate(1970, 11, 25), 1.38 },
			{ getDate(1971, 0, 8), 1.38 },
			{ getDate(1971, 0, 15), 1.38 },
			{ getDate(1971, 1, 1), 1.38 },
			{ getDate(1971, 1, 8), 1.48 },
			{ getDate(1971, 1, 21), 1.5 },
			{ getDate(1971, 2, 12), 1.89 },
			{ getDate(1971, 2, 25), 2.0 },
			{ getDate(1971, 3, 4), 1.94 },
			{ getDate(1971, 3, 9), 1.91 },
			{ getDate(1971, 3, 13), 1.75 },
			{ getDate(1971, 3, 19), 1.6 },
			{ getDate(1971, 4, 25), 0.6 },
			{ getDate(1971, 4, 31), 0.35 },
			{ getDate(1971, 5, 7), 0.0 } },
		{ 
			{ getDate(1970, 9, 9), 0.0 },
			{ getDate(1970, 9, 14), 0.15 },
			{ getDate(1970, 10, 28), 0.35 },
			{ getDate(1970, 11, 12), 0.46 },
			{ getDate(1971, 0, 1), 0.59 },
			{ getDate(1971, 0, 24), 0.58 },
			{ getDate(1971, 1, 1), 0.62 },
			{ getDate(1971, 1, 7), 0.65 },
			{ getDate(1971, 1, 23), 0.77 },
			{ getDate(1971, 2, 8), 0.77 },
			{ getDate(1971, 2, 14), 0.79 },
			{ getDate(1971, 2, 24), 0.86 },
			{ getDate(1971, 3, 4), 0.8 },
			{ getDate(1971, 3, 18), 0.94 },
			{ getDate(1971, 3, 24), 0.9 },
			{ getDate(1971, 4, 16), 0.39 },
			{ getDate(1971, 4, 21), 0.0 }}
    };

	static Double[][] getData(int index) {
		return data[index];
	}

	static Double getDate(int year, int month, int date) {
		Calendar cal = Calendar.getInstance();
		cal.setTimeZone(TimeZone.getTimeZone("UTC"));
		cal.set(year, month, date);
		return (double) cal.getTimeInMillis();
	}
}