2016-02-10 84 views
0

我剛剛開始研究d3,並希望看到樣機中顯示的內容。圖表將從左側面板拖放到右側面板。如果它們在現有面板(圖2)下被丟棄(如圖4),則應該在同一面板中添加另一個折線圖(將使用現有和新的圖表創建多折線圖)。如果它掉到外面,那麼將會創建一個新的面板並進行適當的定位。有很多D3可用的例子,但是找不到更接近這個的例子。 請問我是否有任何現有的示例,或者有人可以幫助開始或者甚至可以使用d3來實現此目的?在這種情況下,nvd3會更有幫助。d3在窗格中拖動位置

Mockup

回答

1

看看gridster。在網上也有關於使用d3的文章,如this。如果d3路徑/形狀需要觸發創建新圖表,則可以通過drag事件上的自己函數調用來處理該事件

除了上述情況之外,您需要將問題簡化爲更加離散的塊,因爲它相當目前廣泛。

+0

Gridster看起來不錯,但這裏的問題是關於拖動現有圖表上的圖表,然後它應該創建多線圖和調整軸。還計算鼠標事件,以查找它是否實際拖動到現有圖表或新區域內。 – Shreya

+0

正如我在迴應中所說的:「...如果d3路徑/形狀需要觸發創建新圖表,那麼您可以通過您自己的拖動事件函數調用來處理它」,並附有關於拖動事件的文檔鏈接。 – WittyID