diff --git a/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java b/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java
index 55e860099..e965eb04e 100644
--- a/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java
+++ b/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java
@@ -39,7 +39,10 @@ import org.zkoss.ganttz.util.script.IScriptsRegister;
 import org.zkoss.zk.ui.Component;
 import org.zkoss.zk.ui.Executions;
 import org.zkoss.zk.ui.HtmlMacroComponent;
+import org.zkoss.zul.CategoryModel;
+import org.zkoss.zul.Chart;
 import org.zkoss.zul.Separator;
+import org.zkoss.zul.SimpleCategoryModel;
 
 public class Planner extends HtmlMacroComponent  {
 
@@ -150,6 +153,7 @@ public class Planner extends HtmlMacroComponent  {
         leftPane.afterCompose();
         getFellow("insertionPointRightPanel").appendChild(ganttPanel);
         ganttPanel.afterCompose();
+        getFellow("insertionPointChart").appendChild(getChart());
     }
 
     private <T> List<CommandOnTaskContextualized<T>> contextualize(
@@ -239,4 +243,49 @@ public class Planner extends HtmlMacroComponent  {
         super.afterCompose();
     }
 
-}
\ No newline at end of file
+    private Chart getChart() {
+        CategoryModel catmodel = new SimpleCategoryModel();
+        catmodel.setValue("2008", "Q1 2008", new Integer(20));
+        catmodel.setValue("2008", "Q2 2008", new Integer(35));
+        catmodel.setValue("2008", "Q3 2008", new Integer(40));
+        catmodel.setValue("2008", "Q4 2008", new Integer(55));
+        catmodel.setValue("2009", "Q1 2008", new Integer(40));
+        catmodel.setValue("2009", "Q2 2008", new Integer(60));
+        catmodel.setValue("2009", "Q3 2008", new Integer(70));
+        catmodel.setValue("2009", "Q4 2008", new Integer(90));
+        catmodel.setValue("2010", "Q1 2008", new Integer(20));
+        catmodel.setValue("2010", "Q2 2008", new Integer(35));
+        catmodel.setValue("2010", "Q3 2008", new Integer(40));
+        catmodel.setValue("2010", "Q4 2008", new Integer(55));
+        catmodel.setValue("2011", "Q1 2008", new Integer(40));
+        catmodel.setValue("2011", "Q2 2008", new Integer(60));
+        catmodel.setValue("2011", "Q3 2008", new Integer(70));
+        catmodel.setValue("2011", "Q4 2008", new Integer(90));
+
+        catmodel.setValue("2008", "Q1 2009", new Integer(20));
+        catmodel.setValue("2008", "Q2 2009", new Integer(35));
+        catmodel.setValue("2008", "Q3 2009", new Integer(40));
+        catmodel.setValue("2008", "Q4 2009", new Integer(55));
+        catmodel.setValue("2009", "Q1 2009", new Integer(40));
+        catmodel.setValue("2009", "Q2 2009", new Integer(60));
+        catmodel.setValue("2009", "Q3 2009", new Integer(70));
+        catmodel.setValue("2009", "Q4 2009", new Integer(90));
+        catmodel.setValue("2010", "Q1 2009", new Integer(20));
+        catmodel.setValue("2010", "Q2 2009", new Integer(35));
+        catmodel.setValue("2010", "Q3 2009", new Integer(40));
+        catmodel.setValue("2010", "Q4 2009", new Integer(55));
+        catmodel.setValue("2011", "Q1 2009", new Integer(40));
+        catmodel.setValue("2011", "Q2 2009", new Integer(60));
+        catmodel.setValue("2011", "Q3 2009", new Integer(70));
+        catmodel.setValue("2011", "Q4 2009", new Integer(90));
+
+        Chart chart = new Chart();
+        chart.setType("stacked_area");
+        chart.setWidth("1600px");
+        chart.setHeight("175px");
+        chart.setModel(catmodel);
+
+        return chart;
+    }
+
+}
diff --git a/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul b/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul
index cc84b7857..e21c0a7df 100644
--- a/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul
+++ b/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul
@@ -72,54 +72,10 @@ planner = self;
                         width="150px"/>
                     </vbox>
                 </west>
-
                 <center autoscroll="true" sclass="plannergraph">
-
-<vbox>
-<zscript>
-CategoryModel catmodel = new SimpleCategoryModel();
-catmodel.setValue("2008", "Q1 2008", new Integer(20));
-catmodel.setValue("2008", "Q2 2008", new Integer(35));
-catmodel.setValue("2008", "Q3 2008", new Integer(40));
-catmodel.setValue("2008", "Q4 2008", new Integer(55));
-catmodel.setValue("2009", "Q1 2008", new Integer(40));
-catmodel.setValue("2009", "Q2 2008", new Integer(60));
-catmodel.setValue("2009", "Q3 2008", new Integer(70));
-catmodel.setValue("2009", "Q4 2008", new Integer(90));
-catmodel.setValue("2010", "Q1 2008", new Integer(20));
-catmodel.setValue("2010", "Q2 2008", new Integer(35));
-catmodel.setValue("2010", "Q3 2008", new Integer(40));
-catmodel.setValue("2010", "Q4 2008", new Integer(55));
-catmodel.setValue("2011", "Q1 2008", new Integer(40));
-catmodel.setValue("2011", "Q2 2008", new Integer(60));
-catmodel.setValue("2011", "Q3 2008", new Integer(70));
-catmodel.setValue("2011", "Q4 2008", new Integer(90));
-
-catmodel.setValue("2008", "Q1 2009", new Integer(20));
-catmodel.setValue("2008", "Q2 2009", new Integer(35));
-catmodel.setValue("2008", "Q3 2009", new Integer(40));
-catmodel.setValue("2008", "Q4 2009", new Integer(55));
-catmodel.setValue("2009", "Q1 2009", new Integer(40));
-catmodel.setValue("2009", "Q2 2009", new Integer(60));
-catmodel.setValue("2009", "Q3 2009", new Integer(70));
-catmodel.setValue("2009", "Q4 2009", new Integer(90));
-catmodel.setValue("2010", "Q1 2009", new Integer(20));
-catmodel.setValue("2010", "Q2 2009", new Integer(35));
-catmodel.setValue("2010", "Q3 2009", new Integer(40));
-catmodel.setValue("2010", "Q4 2009", new Integer(55));
-catmodel.setValue("2011", "Q1 2009", new Integer(40));
-catmodel.setValue("2011", "Q2 2009", new Integer(60));
-catmodel.setValue("2011", "Q3 2009", new Integer(70));
-catmodel.setValue("2011", "Q4 2009", new Integer(90));
-
-</zscript>
-	<chart id="barchart" width="1600px" height="175px"
-		type="stacked_area" fgAlpha="128" />
-	<zscript>
-  barchart.setModel(catmodel);
-</zscript>
-</vbox>
-
+                    <vbox>
+                        <div id="insertionPointChart" />
+                    </vbox>
                 </center>
             </borderlayout>
         </south>