<?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 in Highcharts JS"/>
</window>

package demo.line;



import org.zkoss.chart.Charts;
import org.zkoss.chart.Marker;
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:.2f} m");

		Marker marker = chart.getPlotOptions().getSpline().getMarker();
		marker.setEnabled(true);
		marker.setRadius(2.5);

		chart.setColors("#6CF", "#39F", "#06C", "#036", "#000");

		Series series1 = chart.getSeries();
		series1.setName("Winter 2019-2020");
		for (Number[] val : SplineIrregularTimeData.getData(0)) {
			series1.addPoint(val[0], val[1]);
		}
		Series series2 = chart.getSeries(1);
		series2.setName("Winter 2020-2021");
		for (Number[] val : SplineIrregularTimeData.getData(1)) {
			series2.addPoint(val[0], val[1]);
		}
		Series series3 = chart.getSeries(2);
		series3.setName("Winter 2021-2022");
		for (Number[] val : SplineIrregularTimeData.getData(2)) {
			series3.addPoint(val[0], val[1]);
		}
    }
}

package demo.line;

import java.time.LocalDate;
import java.time.LocalTime;
import java.time.ZoneId;
import java.time.ZonedDateTime;
import java.time.temporal.ChronoField;
import java.util.Calendar;
import java.util.TimeZone;


public class SplineIrregularTimeData {
	static final Number[][][] data = {
		{
			{getDate(1970, 9, 24), 0},
			{getDate(1970, 9, 27), 0.12},
			{getDate(1970, 9, 30), 0.09},
			{getDate(1970, 10,  3), 0.13},
			{getDate(1970, 10,  6), 0.12},
			{getDate(1970, 10,  9), 0.13},
			{getDate(1970, 10, 12), 0.13},
			{getDate(1970, 10, 15), 0.16},
			{getDate(1970, 10, 18), 0.19},
			{getDate(1970, 10, 21), 0.25},
			{getDate(1970, 10, 24), 0.26},
			{getDate(1970, 10, 27), 0.24},
			{getDate(1970, 10, 30), 0.25},
			{getDate(1970, 11,  3), 0.26},
			{getDate(1970, 11,  6), 0.36},
			{getDate(1970, 11,  9), 0.43},
			{getDate(1970, 11, 12), 0.32},
			{getDate(1970, 11, 15), 0.48},
			{getDate(1970, 11, 18), 0.5},
			{getDate(1970, 11, 21), 0.44},
			{getDate(1970, 11, 24), 0.43},
			{getDate(1970, 11, 27), 0.45},
			{getDate(1970, 11, 30), 0.4},
			{getDate(1971, 0,  3), 0.39},
			{getDate(1971, 0,  6), 0.56},
			{getDate(1971, 0,  9), 0.57},
			{getDate(1971, 0, 12), 0.68},
			{getDate(1971, 0, 15), 0.93},
			{getDate(1971, 0, 18), 1.11},
			{getDate(1971, 0, 21), 1.01},
			{getDate(1971, 0, 24), 0.99},
			{getDate(1971, 0, 27), 1.17},
			{getDate(1971, 0, 30), 1.24},
			{getDate(1971, 1,  3), 1.41},
			{getDate(1971, 1,  6), 1.47},
			{getDate(1971, 1,  9), 1.4},
			{getDate(1971, 1, 12), 1.92},
			{getDate(1971, 1, 15), 2.03},
			{getDate(1971, 1, 18), 2.46},
			{getDate(1971, 1, 21), 2.53},
			{getDate(1971, 1, 24), 2.73},
			{getDate(1971, 1, 27), 2.67},
			{getDate(1971, 2,  3), 2.65},
			{getDate(1971, 2,  6), 2.62},
			{getDate(1971, 2,  9), 2.79},
			{getDate(1971, 2, 13), 2.93},
			{getDate(1971, 2, 20), 3.09},
			{getDate(1971, 2, 27), 2.76},
			{getDate(1971, 2, 30), 2.73},
			{getDate(1971, 3,  4), 2.9},
			{getDate(1971, 3,  9), 2.77},
			{getDate(1971, 3, 12), 2.78},
			{getDate(1971, 3, 15), 2.76},
			{getDate(1971, 3, 18), 2.76},
			{getDate(1971, 3, 21), 2.7},
			{getDate(1971, 3, 24), 2.61},
			{getDate(1971, 3, 27), 2.52},
			{getDate(1971, 3, 30), 2.53},
			{getDate(1971, 4,  3), 2.55},
			{getDate(1971, 4,  6), 2.52},
			{getDate(1971, 4,  9), 2.44},
			{getDate(1971, 4, 12), 2.43},
			{getDate(1971, 4, 15), 2.43},
			{getDate(1971, 4, 18), 2.48},
			{getDate(1971, 4, 21), 2.41},
			{getDate(1971, 4, 24), 2.16},
			{getDate(1971, 4, 27), 2.01},
			{getDate(1971, 4, 30), 1.88},
			{getDate(1971, 5,  2), 1.62},
			{getDate(1971, 5,  6), 1.43},
			{getDate(1971, 5,  9), 1.3},
			{getDate(1971, 5, 12), 1.11},
			{getDate(1971, 5, 15), 0.84},
			{getDate(1971, 5, 18), 0.54},
			{getDate(1971, 5, 21), 0.19},
			{getDate(1971, 5, 23), 0}
		}, {
			{getDate(1970, 10, 14), 0}, {getDate(1970, 11, 6), 0.35},
			{getDate(1970, 11, 13), 0.35}, {getDate(1970, 11, 20), 0.33},
			{getDate(1970, 11, 30), 0.53}, {getDate(1971, 0, 13), 0.62},
			{getDate(1971, 0, 20), 0.6}, {getDate(1971, 1, 2), 0.69},
			{getDate(1971, 1, 18), 0.67}, {getDate(1971, 1, 21), 0.65},
			{getDate(1971, 1, 24), 0.66}, {getDate(1971, 1, 27), 0.66},
			{getDate(1971, 2, 3), 0.61}, {getDate(1971, 2, 6), 0.6},
			{getDate(1971, 2, 9), 0.69}, {getDate(1971, 2, 12), 0.66},
			{getDate(1971, 2, 15), 0.75}, {getDate(1971, 2, 18), 0.76},
			{getDate(1971, 2, 21), 0.75}, {getDate(1971, 2, 24), 0.69},
			{getDate(1971, 2, 27), 0.82}, {getDate(1971, 2, 30), 0.86},
			{getDate(1971, 3, 3), 0.81}, {getDate(1971, 3, 6), 1},
			{getDate(1971, 3, 9), 1.15}, {getDate(1971, 3, 10), 1.35},
			{getDate(1971, 3, 12), 1.26}, {getDate(1971, 3, 15), 1.18},
			{getDate(1971, 3, 18), 1.14}, {getDate(1971, 3, 21), 1.04},
			{getDate(1971, 3, 24), 1.06}, {getDate(1971, 3, 27), 1.05},
			{getDate(1971, 3, 30), 1.03}, {getDate(1971, 4, 3), 1.01},
			{getDate(1971, 4, 6), 0.98}, {getDate(1971, 4, 9), 0.94},
			{getDate(1971, 4, 12), 0.8}, {getDate(1971, 4, 15), 0.61},
			{getDate(1971, 4, 18), 0.43}, {getDate(1971, 4, 21), 0.29},
			{getDate(1971, 4, 24), 0.1}, {getDate(1971, 4, 26), 0}},
		{
			{getDate(1970, 10,  5), 0},
			{getDate(1970, 10, 12), 0.1},
			{getDate(1970, 10, 21), 0.15},
			{getDate(1970, 10, 22), 0.19},
			{getDate(1970, 10, 27), 0.17},
			{getDate(1970, 10, 30), 0.27},
			{getDate(1970, 11,  2), 0.25},
			{getDate(1970, 11,  4), 0.27},
			{getDate(1970, 11,  5), 0.26},
			{getDate(1970, 11,  6), 0.25},
			{getDate(1970, 11,  7), 0.26},
			{getDate(1970, 11,  8), 0.26},
			{getDate(1970, 11,  9), 0.25},
			{getDate(1970, 11, 10), 0.25},
			{getDate(1970, 11, 11), 0.25},
			{getDate(1970, 11, 12), 0.26},
			{getDate(1970, 11, 22), 0.22},
			{getDate(1970, 11, 23), 0.22},
			{getDate(1970, 11, 24), 0.22},
			{getDate(1970, 11, 25), 0.24},
			{getDate(1970, 11, 26), 0.24},
			{getDate(1970, 11, 27), 0.24},
			{getDate(1970, 11, 28), 0.24},
			{getDate(1970, 11, 29), 0.24},
			{getDate(1970, 11, 30), 0.22},
			{getDate(1970, 11, 31), 0.18},
			{getDate(1971, 0,  1), 0.17},
			{getDate(1971, 0,  2), 0.23},
			{getDate(1971, 0,  9), 0.5},
			{getDate(1971, 0, 10), 0.5},
			{getDate(1971, 0, 11), 0.53},
			{getDate(1971, 0, 12), 0.48},
			{getDate(1971, 0, 13), 0.4},
			{getDate(1971, 0, 17), 0.36},
			{getDate(1971, 0, 22), 0.69},
			{getDate(1971, 0, 23), 0.62},
			{getDate(1971, 0, 29), 0.72},
			{getDate(1971, 1,  2), 0.95},
			{getDate(1971, 1, 10), 1.73},
			{getDate(1971, 1, 15), 1.76},
			{getDate(1971, 1, 26), 2.18},
			{getDate(1971, 2,  2), 2.22},
			{getDate(1971, 2,  6), 2.13},
			{getDate(1971, 2,  8), 2.11},
			{getDate(1971, 2,  9), 2.12},
			{getDate(1971, 2, 10), 2.11},
			{getDate(1971, 2, 11), 2.09},
			{getDate(1971, 2, 12), 2.08},
			{getDate(1971, 2, 13), 2.08},
			{getDate(1971, 2, 14), 2.07},
			{getDate(1971, 2, 15), 2.08},
			{getDate(1971, 2, 17), 2.12},
			{getDate(1971, 2, 18), 2.19},
			{getDate(1971, 2, 21), 2.11},
			{getDate(1971, 2, 24), 2.1},
			{getDate(1971, 2, 27), 1.89},
			{getDate(1971, 2, 30), 1.92},
			{getDate(1971, 3,  3), 1.9},
			{getDate(1971, 3,  6), 1.95},
			{getDate(1971, 3,  9), 1.94},
			{getDate(1971, 3, 12), 2},
			{getDate(1971, 3, 15), 1.9},
			{getDate(1971, 3, 18), 1.84},
			{getDate(1971, 3, 21), 1.75},
			{getDate(1971, 3, 24), 1.69},
			{getDate(1971, 3, 27), 1.64},
			{getDate(1971, 3, 30), 1.64},
			{getDate(1971, 4,  3), 1.58},
			{getDate(1971, 4,  6), 1.52},
			{getDate(1971, 4,  9), 1.43},
			{getDate(1971, 4, 12), 1.42},
			{getDate(1971, 4, 15), 1.37},
			{getDate(1971, 4, 18), 1.26},
			{getDate(1971, 4, 21), 1.11},
			{getDate(1971, 4, 24), 0.92},
			{getDate(1971, 4, 27), 0.75},
			{getDate(1971, 4, 30), 0.55},
			{getDate(1971, 5,  3), 0.35},
			{getDate(1971, 5,  6), 0.21},
			{getDate(1971, 5,  9), 0},
		}
    };

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

	static Number getDate(int year, int month, int date) {
		return ZonedDateTime.of(LocalDate.of(year, month + 1, date), LocalTime.MIN,
				ZoneId.of("UTC")).toInstant().toEpochMilli();
	}
}