# iguanaChart
IguanaCharts is HTML5 jQuery Stock Charts library

You can download our open source library and setup powerful stock chart just in minutes.

## Demo and docs

http://iguanacharts.com/

### Examples

```html
<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>
```

## Installation

Download from 

> https://github.com/iguanaChart/iguanacharts/archive/master.zip

Or  

> git clone https://github.com/iguanaChart/iguanacharts.git

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

### Dependencies

- jquery ^1.0.0 -
https://code.jquery.com/jquery-3.1.0.min.js
- uikit -
https://github.com/uikit/uikit/releases/download/v2.26.4/uikit-2.26.4.zip
- jquery.event.move - https://github.com/stephband/jquery.event.move
- jquery-mousewheel - https://github.com/jquery/jquery-mousewheel
- hammerjs - http://hammerjs.github.io/dist/hammer.min.js
- jquery.hammer.js -https://github.com/hammerjs/jquery.hammer.js
- jsrender - https://www.jsviews.com/download/jsrender.min.js
- jquery-minicolors - https://github.com/claviska/jquery-minicolors


You can download all needed dependence from https://github.com/iguanaChart/dependencies/archive/master.zip

####Including dependencies example

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

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

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

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

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

```

#### require config
```javascript
        require.config({
            paths: {
                jquery: 'https://code.jquery.com/jquery-1.12.4.min',
                uikit: '/dependencies/uikit/js/uikit.min',
                'jquery.eventmove': '/dependencies/jquery.event.move',
                'jquery.hammer': '/dependencies/jquery.hammer',
                'jsrender': "/dependencies/jsrender.min",
                'jquery.minicolors': '/dependencies/jquery-minicolors/jquery.minicolors.min',
                'iguanachart': '/dist/iguanachart',
                'hammerjs': '/dependencies/hammer.min'
            },
            shim: {
                'uikit': {
                    deps: [
                        'jquery'
                    ]
                },
                jsrender: {
                    deps: [
                        'jquery'
                    ]
                },
                iguanachart: {
                    deps: [
                        'jquery',
                        'uikit',
                        'jquery.eventmove',
                        'jquery.hammer',
                        'jsrender',
                        'jquery.minicolors'
                    ]
                }
            }
        })
```

## License

<a href ="./LICENSE">License</a>