Jugal | Grouping all graphics | Highchart & Highstock

http://stackoverflow.com/questions/12547194/inserting-a-node-in-the-middle-of-a-tree-using-jquery Jugal Thakkar http://jugal.me/

by Jugal Thakkar

HTML

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js" ></script>
<script type="text/javascript" src="http://code.jugal.me/js/jugalsLib.js" ></script>
<script type="text/javascript" src="http://code.highcharts.com/stock/highstock.src.js" ></script>
<script type="text/javascript" src="http://code.highcharts.com/stock/modules/exporting.src.js" ></script>

<div id="container"></div>
<button id="btn">Do</button>

CSS

#container{
    min-width:500px;
}

JavaScript

var chartingOptions = {};
chartingOptions = $.extend({}, jugalsLib.getBasicChartOptions(), chartingOptions);
var chart = new Highcharts.StockChart(chartingOptions);

(function($) {
    $.fn.moveTo = function(selector) {
        return this.each(function() {
            var cl = $(this).clone();
            $(cl).appendTo(selector);
            $(this).remove();
        });
    };
})(jQuery);

$("#btn").click(function() {
    var $parent = $("g").attr("id", "parent");
    var $root = $("#container .highcharts-container svg");

    $root.contents().each(function() {
        $child = $(this);
        $child.remove();
        $parent.append($child);
        //    $child.moveTo($parent);
    });
    $root.append($parent);
});