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


<window apply="demo.charts3d.Column3DZeroComposer">
	<charts id="chart" type="column" title="External trade in goods by country, Norway 2021" />
</window>

package demo.charts3d;

import org.zkoss.chart.AxisLabels;
import org.zkoss.chart.AxisTitle;
import org.zkoss.chart.Charts;
import org.zkoss.chart.Series;
import org.zkoss.chart.XAxis;
import org.zkoss.chart.YAxis;
import org.zkoss.chart.options3D.Options3D;
import org.zkoss.zk.ui.select.SelectorComposer;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zul.Window;


public class Column3DZeroComposer 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/en/statbank/table/08804/\"" +
				"target=\"_blank\">SSB</a>");

		Options3D opt = chart.getOptions3D();
		opt.setEnabled(true);
		opt.setAlpha(10);
		opt.setBeta(25);
		opt.setDepth(70);
		
		chart.getPlotOptions().getColumn().setDepth(25);
		XAxis xAxis = chart.getXAxis();
		xAxis.setCategories("Belgium", "China", "Denmark", "Fiji", "Germany", "Netherlands", "Russia",
				"Sweden", "Turkey", "United States", "Unspecified", "Vietnam");
		AxisLabels xAxisLabels = xAxis.getLabels();
		xAxisLabels.setSkew3D(true);
		xAxisLabels.setStyle("fontSize: 16px");

		AxisTitle yAxisTitle = chart.getYAxis().getTitle();
		yAxisTitle.setText("NOK (million)");
		yAxisTitle.setMargin(20);

		chart.getTooltip().setValueSuffix(" MNOK");

		Series s0 = chart.getSeries();
		s0.setName("Total imports");
		s0.setData(16076, 112688, 39452, 0, 94352,
				30495, 21813, 95908, 11596, 53771, null, 8270);
	}
}