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);

$("#btn").click(function() {
    $("#container .highcharts-container svg > *").wrapAll('<g id="parent"/>');
    $("#parent").show();

});