diff --git a/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java b/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java
index b79e10f4a..0d55b9aa2 100644
--- a/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java
+++ b/ganttzk/src/main/java/org/zkoss/ganttz/Planner.java
@@ -167,6 +167,11 @@ public class Planner extends HtmlMacroComponent  {
             setAt("insertionPointChart", chartComponent);
         }
 
+        Component chartLegend = configuration.getChartLegend();
+        if (chartLegend != null) {
+            setAt("insertionPointChartLegend", chartLegend);
+        }
+
         this.addingDependenciesEnabled = configuration
                 .isAddingDependenciesEnabled();
     }
diff --git a/ganttzk/src/main/java/org/zkoss/ganttz/adapters/PlannerConfiguration.java b/ganttzk/src/main/java/org/zkoss/ganttz/adapters/PlannerConfiguration.java
index a9782a75d..b310badee 100644
--- a/ganttzk/src/main/java/org/zkoss/ganttz/adapters/PlannerConfiguration.java
+++ b/ganttzk/src/main/java/org/zkoss/ganttz/adapters/PlannerConfiguration.java
@@ -81,6 +81,8 @@ public class PlannerConfiguration<T> {
 
     private Component chartComponent;
 
+    private Component chartLegend;
+
     private boolean addingDependenciesEnabled = true;
 
     public PlannerConfiguration(IAdapterToTaskFundamentalProperties<T> adapter,
@@ -147,6 +149,14 @@ public class PlannerConfiguration<T> {
         return chartComponent;
     }
 
+    public void setChartLegend(Component chartLegend) {
+        this.chartLegend = chartLegend;
+    }
+
+    public Component getChartLegend() {
+        return chartLegend;
+    }
+
     public void setAddingDependenciesEnabled(boolean addingDependenciesEnabled) {
         this.addingDependenciesEnabled = addingDependenciesEnabled;
     }
diff --git a/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul b/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul
index 4801d41e2..634cfce79 100644
--- a/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul
+++ b/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul
@@ -68,8 +68,7 @@ planner = self;
                 <west width="284px" flex="true" collapsible="true"
                     splittable="true">
                     <vbox pack="center" align="center">
-                    <label value="ResourcesLoadGraph details"
-                        width="150px"/>
+                        <div id="insertionPointChartLegend" />
                     </vbox>
                 </west>
                 <center autoscroll="true" sclass="plannergraph">