Is it possible to drag a tree node onto a chart?

I cant get the drop zone to work properly. I see that my treePanel is correctly dragging the node, but I cant get the drop to work. Am I missing something? Also I am using sencha architect and I do not see anything in the toolbox for drop zones.... My chart is in a panel, and on render, I run this function...
Code:
initializeDropZone: function() {
        /* var gridView = v,
        grid = gridView.up('gridpanel');*/
        debugger;
        this.dropZone = Ext.create('Ext.dd.DropZone', this.up('panel').getEl(), {


            //      If the mouse is over a target node, return that node. This is
            //      provided as the "target" parameter in all "onNodeXXXX" node event handling functions
            getTargetFromEvent: function(e) {
                return e.getTarget('.hospital-target');
            },


            //      On entry into a target node, highlight that node.
            onNodeEnter : function(target, dd, e, data){
                debugger;
                Ext.fly(target).addCls('hospital-target-hover');
            },


            //      On exit from a target node, unhighlight that node.
            onNodeOut : function(target, dd, e, data){
                Ext.fly(target).removeCls('hospital-target-hover');
            },


            //      While over a target node, return the default drop allowed class which
            //      places a "tick" icon into the drag proxy.
            onNodeOver : function(target, dd, e, data){
                return Ext.dd.DropZone.prototype.dropAllowed;
            },


            //      On node drop, we can interrogate the target node to find the underlying
            //      application object that is the real target of the dragged data.
            //      In this case, it is a Record in the GridPanel's Store.
            //      We can use the data set up by the DragZone's getDragData method to read
            //      any data we decided to attach.
            onNodeDrop : function(target, dd, e, data){
                debugger;
                var rowBody = Ext.fly(target).findParent('.x-grid-rowbody-tr', null, false),
                    mainRow = rowBody.previousSibling,
                    h = gridView.getRecord(mainRow),
                    targetEl = Ext.get(target),
                    html = targetEl.dom.innerHTML;


                if (html == 'Drop Patient Here') {
                    html = data.patientData.name
                } else {
                    html = data.patientData.name + ', ' + targetEl.dom.innerHTML;
                }


                targetEl.update(html);
                Ext.Msg.alert('Drop gesture', 'Dropped patient ' + data.patientData.name +
                ' on hospital ' + h.data.name);
                return true;
            }
        });
    }