<div class="iChart" style="height: 550px; width: 1000px"></div>

<script type="text/javascript">
    iChartDataSource.host = "https://beta.tradernet.ru";

    $('.iChart').iguanaChart(
        {
            ticker: "AAPL.US",
            date_from: "01.01.2015",
            date_to: "01.01.2016",
            lib_path: "/scripts/iguanachart/",
            chartOptions: {
                minHeight: 500,
                uiTools: {top: true}
            },
            dataSource: $.extend(true, {}, iChartDataSource)
        }
    );
</script>

    <link rel="stylesheet" href="/iguanachart/iguanachart.min.css" media="all">
    <script type="text/javascript" src="/iguanachart/iguanachart.min.js"></script>

    <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

    <link rel="stylesheet" href="/dependencies/uikit/css/uikit.min.css" media="all">
    <script type="text/javascript" src="/dependencies/uikit/js/uikit.min.js"></script>

    <script type="text/javascript" src="/dependencies/jquery.event.move.js"></script>
    <script type="text/javascript" src="/dependencies/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="/dependencies/hammer.min.js"></script>
    <script type="text/javascript" src="/dependencies/jquery.hammer.js"></script>
    <script type="text/javascript" src="/dependencies/jsrender.min.js"></script>

    <link rel="stylesheet" href="/dependencies/jquery.qtip.min.css" media="all">
    <script type="text/javascript" src="/dependencies/jquery.qtip.min.js"></script>

    <link rel="stylesheet" href="/dependencies/jquery-minicolors/jquery.minicolors.css" media="all">
    <script type="text/javascript" src="/dependencies/jquery-minicolors/jquery.minicolors.min.js"></script>