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



<window apply="demo.pie.PieLegendComposer">
	<charts id="chart" type="pie" title="Browser market shares in March, 2022"/>
</window>

package demo.pie;

import org.zkoss.chart.Chart;
import org.zkoss.chart.Charts;
import org.zkoss.chart.Color;
import org.zkoss.chart.Point;
import org.zkoss.chart.Series;
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 PieLegendComposer extends SelectorComposer<Window> {

	@Wire
	Charts chart;
	
	public void doAfterCompose(Window comp) throws Exception {
		super.doAfterCompose(comp);

		chart.setPlotBackgroundColor((Color) null);
		chart.setPlotBorderWidth(null);
		chart.setPlotShadow(false);

		chart.getTooltip().setPointFormat(
			"{series.name}: <b>{point.percentage:.1f}%</b>");

		chart.getAccessibility().getPoint().setValueSuffix("%");

		PiePlotOptions plotOptions = chart.getPlotOptions().getPie();
		plotOptions.setAllowPointSelect(true);
		plotOptions.setCursor("pointer");
		plotOptions.getDataLabels().setEnabled(false);
		plotOptions.setShowInLegend(true);
		
		Series series = chart.getSeries();
		series.setName("Brands");
		Point point = new Point("Chrome", 74.77);
		point.setSliced(true);
		point.setSelected(true);
		series.addPoint(point);
		series.addPoint(new Point("Edge", 12.82));
		series.addPoint(new Point("Firefox", 4.63));
		series.addPoint(new Point("Safari", 2.44));
		series.addPoint(new Point("Internet Explorer", 2.02));
		series.addPoint(new Point("Other", 3.28));
	}
}