2015-09-07 63 views
0

我想繪製一個具有可縮放和可拖動屬性的圖表。Zoomable和Draggable折線圖

Chart View 1

放大後那些有子元素應該顯示像下面的圖像。

Second View after zoom child element is showing

我沒有發現過它的任何線索。

+0

我不知道是誰降級這個問題, 如果你不知道答案不這樣做。 – Arjun

+1

這是一個很好的問題,我不知道爲什麼它投下了票。 upvote + – Cyril

+1

這個問題不包含代碼,它沒有顯示OP如何做他正在做的事情,也沒有顯示任何解決方案的嘗試。有很多問題可以證明d3中的縮放和拖拽。當OP進行調查時,他們無法使用該信息實施解決方案的問題是什麼。總之,你覺得**表示研究工作的問題是什麼? –

回答

1

看看你發佈的圖表,沒有直接的d3傳輸,以這種螺旋方式排列節點。但是,如果您知道需要放置節點的位置,則可以進行強制佈局。

是的,你有可用的節點拖動鏈接將得到相應的更新。附上小提琴,您可以即興創作並將圖像添加到節點。節點的數據應該是這樣的:

"nodes": [{ 
     "x": 30,// as i said you need to provide the x coordinate where to put the node 
     "y": 30, 
     fixed: true,//so that the force layout don't move it 
     name: "Start", //text to be displayed 
     display: "none",// set this as none if you dont want the circle 
     tx: 5, //x placement of text on node 
     ty: -5 //y placement of text on node 
    }, { 
     "x": 200, 
     "y": 30, 
     fixed: true, 
     name: "A" 
    }, 

這是我的fiddle

+0

謝謝@Cyril,:) – Arjun