javascript - 将图表放置到容器中

Question

我这里有一个 AmCharts 的示例，我已经制作了拖放功能，但我需要将图表放入容器中并适合大小。有人知道吗？感谢您的帮助

这是 fiddle :

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 规则中。