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


<window apply="demo.charts3d.Donut3DComposer">
	<charts id="chart" type="pie" title="Beijing 2022 gold medals by country"
		subtitle="3D donut in Highcharts" />
</window>

package demo.charts3d;

import org.zkoss.chart.Charts;
import org.zkoss.chart.Point;
import org.zkoss.chart.Series;
import org.zkoss.chart.options3D.Options3D;
import org.zkoss.chart.plotOptions.PiePlotOptions;
import org.zkoss.zk.ui.select.SelectorComposer;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zul.Window;


public class Donut3DComposer extends SelectorComposer<Window> {

	@Wire
	Charts chart;
	
	public void doAfterCompose(Window comp) throws Exception {
		super.doAfterCompose(comp);
		
		Options3D opt3d = chart.getOptions3D();
		opt3d.setEnabled(true);
		opt3d.setAlpha(45);
		PiePlotOptions pot = chart.getPlotOptions().getPie();
		pot.setInnerSize(100);
		pot.setDepth(45);
		initSeries();
	}
	
	public void initSeries() {
		Series series = chart.getSeries();
		series.setName("DMedals");
		series.setData( Point.of("Norway", 16),
				Point.of("Germany", 12),
				Point.of("USA", 8),
				Point.of("Sweden", 8),
				Point.of("Netherlands", 8),
				Point.of("ROC", 6),
				Point.of("Austria", 7),
				Point.of("Canada", 4),
				Point.of("Japan", 3));
	}
}