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



<window apply="demo.area.AreaNegativeComposer">
	<charts id="chart" type="area" title="Production, consumption and trade surplus of electrical power" />
</window>

package demo.area;

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

public class AreaNegativeComposer extends SelectorComposer<Window> {

	@Wire
	Charts chart;

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

		chart.setSubtitle("Source: <a " +
				"href=\"https://www.ssb.no/energi-og-industri/energi/statistikk/elektrisitet/artikler/lavere-kraftproduksjon\"" +
				" target=\"_blank\">SSB</a>");

		chart.getXAxis().setCategories("Q1 2019", "Q2 2019", "Q3 2019", "Q4 2019", "Q1 2020", "Q2 2020",
				"Q3 2020", "Q4 2020", "Q1 2021", "Q2 2021", "Q3 2021");

		chart.getYAxis().setTitle("TWh");
		chart.getCredits().setEnabled(false);

		Series series0 = chart.getSeries(0);
		series0.setName("Total production");
		series0.setData(37.8, 29.3, 30.8, 36.8, 40.5, 35.3, 34.9, 43.6, 45.7, 35.9, 32.7);

		Series series1 = chart.getSeries(1);
		series1.setName("Gross consumption");
		series1.setData(39.9, 29.9, 26.7, 38.1, 39.3, 30.2, 27.5, 36.7, 42.7, 31.4, 27.5);

		Series series2 = chart.getSeries(2);
		series2.setName("Trade surplus");
		series2.setData(-2.2, -0.6, 4.1, -1.3, 1.2, 5.1, 7.4, 6.9, 2.9, 4.5, 5.2);
	}
}