容器的位置圖

Question

我在這裏有一個AmCharts的例子，我已經做了拖拽功能，但是我需要將圖表放入容器中並且適合尺寸。有人知道嗎？感謝您的幫助

這裏是提琴：

http://jsfiddle.net/ngg2f5gz/1/

拖動ñ下降功能

$(function() { 
    $("#chartdiv").draggable(); 
    $("#container").droppable({ 
     drop: function(event, ui) { 
     $(this) 
      .addClass("ui-state-highlight") 
      .find("p") 
      .html("Dropped!"); 
     } 
    }); 
    }); 

Answer 1

方法如下：

$("#container").droppable({ 
    drop: function(event, ui) { 
    # clear the container 
    $(this).html(''); 

    # append chart to container 
    ui.draggable.appendTo($(this)); 

    # modify some css to fit 
    ui.draggable.css({ 
     width: '100%', 
     height: '100%', 
     top: 0, 
     left: 0, 
     position: 'absolute' 
    }); 

    # destroy draggable after chart was dropped 
    ui.draggable.draggable('destroy'); 
    } 
}); 

，並添加position: relative;到#container的CSS規則。