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



<window apply="demo.line.SplineInvertedComposer">
	<charts id="chart" type="spline" inverted="true"
		title="Atmosphere Temperature by Altitude"
		subtitle="According to the Standard Atmosphere Model" />
</window>

package demo.line;

import org.zkoss.chart.Charts;
import org.zkoss.chart.Point;
import org.zkoss.chart.XAxis;
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 SplineInvertedComposer extends SelectorComposer<Window> {

	@Wire
	Charts chart;

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

		chart.getSeries().setData(
				Point.of(0, 15), Point.of(10, -50), Point.of(20, -56.5), Point.of(30, -46.5), Point.of(40, -22.1),
				Point.of(50, -2.5), Point.of(60, -27.7), Point.of(70, -55.7), Point.of(80, -76.5));

		XAxis xAxis = chart.getXAxis();
		xAxis.setReversed(false);
		xAxis.setTitle("Altitude");
		xAxis.getLabels().setFormat("{value} km");
		xAxis.getAccessibility().setRangeDescription("Range: 0 to 80 km.");
		xAxis.setMaxPadding(0.05);
		xAxis.setShowLastLabel(true);

		YAxis yAxis = chart.getYAxis();
		yAxis.setTitle("Temperature");
		yAxis.getLabels().setFormat("{value}°");
		yAxis.getAccessibility().setRangeDescription("Range: -90°C to 20°C.");
		yAxis.setLineWidth(2);

		chart.getLegend().setEnabled(false);

		chart.getTooltip().setHeaderFormat("<b>{series.name}</b><br/>");
		chart.getTooltip().setPointFormat("{point.x} km: {point.y}°C");

	}
}