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



<window apply="demo.line.LineLabelsComposer">
	<charts id="chart" type="line" 
		title="Monthly Average Temperature"/>
</window>

package demo.line;

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

public class LineLabelsComposer extends SelectorComposer<Window> {

	@Wire
	Charts chart;

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

		chart.setModel(LineLabelsData.getCategoryModel());

		chart.setSubtitle("Source: " +
				"<a href=\"https://en.wikipedia.org/wiki/List_of_cities_by_average_temperature\" " +
				"target=\"_blank\">Wikipedia.com</a>");

		chart.getYAxis().getTitle().setText("Temperature (°C)");

		LinePlotOptions linePlotOptions = chart.getPlotOptions().getLine();
		linePlotOptions.setEnableMouseTracking(false);
		linePlotOptions.getDataLabels().setEnabled(true);
    }
}

package demo.line;

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


public class LineLabelsData {
	private static final CategoryModel model;
	static {
		model = new DefaultCategoryModel();
		model.setValue("Reggane", "Jan", 16.0);
		model.setValue("Reggane", "Feb", 18.2);
		model.setValue("Reggane", "Mar", 23.1);
		model.setValue("Reggane", "Apr", 27.9);
		model.setValue("Reggane", "May", 32.2);
		model.setValue("Reggane", "Jun", 36.4);
		model.setValue("Reggane", "Jul", 39.8);
		model.setValue("Reggane", "Aug", 38.4);
		model.setValue("Reggane", "Sep", 35.5);
		model.setValue("Reggane", "Oct", 29.2);
		model.setValue("Reggane", "Nov", 22.0);
		model.setValue("Reggane", "Dec", 17.8);
		model.setValue("Tallinn", "Jan", -2.9);
		model.setValue("Tallinn", "Feb", -3.6);
		model.setValue("Tallinn", "Mar", -0.6);
		model.setValue("Tallinn", "Apr", 4.8);
		model.setValue("Tallinn", "May", 10.2);
		model.setValue("Tallinn", "Jun", 14.5);
		model.setValue("Tallinn", "Jul", 17.6);
		model.setValue("Tallinn", "Aug", 16.5);
		model.setValue("Tallinn", "Sep", 12.0);
		model.setValue("Tallinn", "Oct", 6.5);
		model.setValue("Tallinn", "Nov", 2.0);
		model.setValue("Tallinn", "Dec", -0.9);
	}
	
	public static CategoryModel getCategoryModel() {
		return model;
	}
}