ZK Charts under <portalchildren>

answered 2015-05-03 15:42:02 +0800

Darksu
1991 ● 1 ● 4

Hello pandukish,

If the processing busy icon appears then there is something wrong in your code that prevents it from being executed correctly.

Please find bellow a working example:

<?page title="Auto Generated index.zul"?>
<window title="" border="normal" width="100%" height="100%">

<portallayout orient="horizontal">
    <portalchildren width="50%">
        <panel height="500px" width="1000px" title="ZK">
            <panelchildren>
               <zscript><![CDATA[
        import org.zkoss.zul.GanttModel.GanttTask;

            public Date date(int year, int month, int day) {
                final java.util.Calendar calendar = java.util.Calendar.getInstance();
                calendar.set(year, month-1, day);
                final Date result = calendar.getTime();
                return result;
            }
            //series, task (task description, start, end, complete percentage)
            GanttModel ganttmodel = new GanttModel();
            ganttmodel.addValue("Scheduled", new GanttTask("Write Proposal", date(2008,4,1), date(2008,4,5), 0.1));
            ganttmodel.addValue("Actual", new GanttTask("Signoff", date(2008,12,10), date(2008,12,11), 0.0));
    ]]></zscript>
    <chart id="gantt" title="Gantt Chart" width="700" height="400"
        model="${ganttmodel}"
        type="gantt" threeD="false" fgAlpha="128" dateFormat="yyyy/MM/dd" >
    </chart>
            </panelchildren>
        </panel>
    </portalchildren>
</portallayout>

</window>

Best Regards,

Darksu