How to implement ZK Chart in ADForm (Special Form)

[Ray Lee]

Hi all,

I had implemented ZK Chart in dashboard by zul and SelectorComposer. 

Now, I want to try add ZK Chart in ADForm. I need your advice.

Thank you.

Best regards,

Ray 

[Ray Lee]

I try to add chart into CustomForm, but throws a error.

Oct 28, 2014 4:33:36 PM org.zkoss.zk.ui.impl.UiEngineImpl handleError:1359
SEVERE: >>org.zkoss.zk.ui.UiException: Library property,  org.zkoss.zul.chart.engine.class, required

public class YTDInvoice extends SelectorComposer<Window> implements
IFormController, EventListener<Event> {
@Wire
Chart chart = new Chart();
private CustomForm m_form = new CustomForm();
public void doAfterCompose(Window comp) throws Exception  {
super.doAfterCompose(comp);

// Create a predefined implementation category model
CategoryModel model = new SimpleCategoryModel();
// Set value to the model
model.setValue("Tokyo", "Spring", new Integer(11));
model.setValue("Tokyo", "Summer", new Integer(20));
model.setValue("Tokyo", "Fall", new Integer(16));
model.setValue("Tokyo", "Winter", new Integer(-2));
model.setValue("New York", "Spring", new Integer(6));
model.setValue("New York", "Summer", new Integer(12));
model.setValue("New York", "Fall", new Integer(10));
model.setValue("New York", "Winter", new Integer(2));
// Set model to the chart
chart.setModel(model);
chart.setType("line");
m_form.appendChild(chart);
}
public YTDInvoice() throws Exception  {
doAfterCompose(m_form);
}
@Override
public void onEvent(Event event) throws Exception {
}
@Override
public ADForm getForm() {
return m_form;
}
}

 

Ray Lee於 2014年10月28日星期二UTC+8下午4時14分45秒寫道：

[Ray Lee]

I try to add jQuery Line Chart in ADForm well. Next, I want to change ZK Chart, but get some problem in zk 6.5 framework. 

Ray Lee於 2014年10月28日星期二UTC+8下午4時14分45秒寫道：