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



<window apply="demo.more.PolarComposer">
  <charts id="chart" title="Highcharts Polar Chart" polar="true"/>
</window>

package demo.more;

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


public class PolarComposer extends SelectorComposer<Window> {

    @Wire
    Charts chart;

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

	chart.setSubtitle("Also known as Radar Chart");

	chart.getPane().setStartAngle(0);
	chart.getPane().setEndAngle(360);

	XAxis xAxis = chart.getXAxis();
	xAxis.setTickInterval(45);
	xAxis.setMin(0);
	xAxis.setMax(360);
	xAxis.getLabels().setFormat("{value}°");

	chart.getYAxis().setMin(0);

	chart.getPlotOptions().getSeries().setPointStart(0);
	chart.getPlotOptions().getSeries().setPointInterval(45);

	chart.getPlotOptions().getColumn().setPointPadding(0);
	chart.getPlotOptions().getColumn().setGroupPadding(0);

	Series series1 = chart.getSeries();
	series1.setType("column");
	series1.setName("Column");
	series1.setData(8, 7, 6, 5, 4, 3, 2, 1);
	series1.getPlotOptions().setPointPlacement("between");

	Series series2 = chart.getSeries(1);
	series2.setType("line");
	series2.setName("Line");
	series2.setData(1, 2, 3, 4, 5, 6, 7, 8);

	Series series3 = chart.getSeries(2);
	series3.setType("area");
	series3.setName("Area");
	series3.setData(1, 8, 2, 7, 3, 6, 4, 5);
    }
}