Merge branch 'master' of github.com:AnyChart/AnyChart-jQuery

chidori · chidori · commit 1058c6fe5fd4 · 2017-06-01T11:52:12.000+08:00
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 [<img src="https://cdn.anychart.com/images/logo-transparent-segoe.png?2" width="234px" alt="AnyChart - Robust JavaScript/HTML5 Chart library for any project">](http://www.anychart.com)
 
-jQuery plugin for AnyChart.
+jQuery Plugin for AnyChart.
 =========
 
 jQuery plugin for AnyChart provides an easy way to use [AnyChart JavaScript Charts](http://anychart.com) with jQuery framework.
@@ -10,6 +10,7 @@ jQuery plugin for AnyChart provides an easy way to use [AnyChart JavaScript Char
 * [Download and Install](#download-and-install)
 * [Quick Start](#quick-start)
 * [Examples Overview](#examples-overview)
+* [API Overview](#api-overview)
 * [Contacts](#contacts)
 * [Links](#links)
 * [License](#license)
@@ -24,7 +25,7 @@ Binaries are located in [dist](https://github.com/AnyChart/AnyChart-jQuery/tree/
 
 #### Package managers
 
-You can install AnyChart-React using **npm**, **bower** or **yarn**:
+You can install AnyChart-jQuery using **npm**, **bower** or **yarn**:
 
 * `npm install anychart-jquery`
 * `bower install anychart-jquery`
@@ -37,7 +38,7 @@ Here is a basic sample that shows how to add a column chart:
 <!doctype html>
 <html>
 <head>
-	<!-- Add jQuery -->
+    <!-- Add jQuery -->
     <script src="js/vendor/jquery-3.1.1.min.js"></script>
     <!-- Add anychart-bundle -->
     <script src="js/anychart-bundle.min.js"></script>
@@ -47,7 +48,7 @@ Here is a basic sample that shows how to add a column chart:
 <body>
 <div id="container" style="width: 640px; height: 480px;"></div>
 <script>
-	// Render column chart to #container
+	// Render a column chart to a #container
 	$('#container').anychart('column', [3, 1, 2]);
 </script>
 </body>
@@ -56,7 +57,7 @@ Here is a basic sample that shows how to add a column chart:
 
 ## API Overview
 #### `$(selector).anychart();`
-Returns instance of a chart if it was rendered to continer, `null` otherwise.
+Returns an instance of a chart if it is rendered to a container. Returns `null` otherwise.
 
 ```
 $(selector).anychart('line', [3, 1, 2]);
@@ -65,7 +66,7 @@ chart.background('red');
 ```
 
 #### `$(selector).anychartStage();`
-Returns instance of a stage if it was rendered to container, `null` otherwise.
+Returns an instance of a stage if it was rendered to a container. Returns `null` otherwise.
 
 ```
 // e.g. create and setup chart1, chart2, chart3
@@ -76,56 +77,56 @@ stage.width(400);
 ```
 
 #### `$(selector).anychart(type, var_args);`
-Renders `type` chart to container.
+Renders `type` chart to a container.
 
-`type` can be either any of AnyChart chart types or `stock`, `ganttProject`, `ganttResource`.
+`type` can be any of AnyChart chart types or `stock`, `ganttProject`, `ganttResource`.
 
-`var_args` are data that will be passed to a chart constructor.
+`var_args` are data that is passed to the chart constructor.
 
 ```
-// create line chart with 2 series
+// create a line chart with 2 series
 $(selector).anychart('line', [3, 1, 2], [5, 4, 3]);
 ```
-Other use cases you can find in [`examples`](https://github.com/AnyChart/AnyChart-jQuery/tree/master/examples) folder
+Other use cases you can find in [AnyChart jQuery examples](https://github.com/AnyChart/AnyChart-jQuery/tree/master/examples) folder
 
 #### `$(selector).anychart(type, geoData, var_args);`
-Renders map chart to container.
+Renders a map to a container.
 
-`type` can be one of `bubbleMap`, `choropleth`, `connector`, `markerMap`, `seatMap`
+`type` can be: `bubbleMap`, `choropleth`, `connector`, `markerMap`, `seatMap`
 
-`geoData` can be string or Object with geo data.
+`geoData` can be a string or an object with geo data.
 
 `var_args` are chart data.
 
 ```
-// create choroplet map with australia geodata.
+// create a choropleth series on the australia map
 $(selector).anychart('choropleth', 'anychart.maps.australia', data);
 ```
 
 #### `$(selector).anychartStage(var_args);`
 Renders preconfigured charts to a [stage](http://docs.anychart.com/latest/Graphics/Basics).
 
-`var_args` are charts that will be rendered to stage.
+`var_args` are charts to be rendered to on a stage.
 
 ```
 // create and setup chart1, chart2, chart3
 // ....
-// Render it to stage.
+// Render them to a stage.
 $(selector).anychartStage(chart1, chart2, chart3);
 ```
 
 
 
 ## Examples Overview
-See these examples to learn how things work:
+See examples to learn how things work:
 
-* **[async_data_load.html](https://github.com/anychart/anychart-jquery/blob/master/examples/async_data_load.html)**: Example of async data load.
-* **[choropleth_map.html](https://github.com/anychart/anychart-jquery/blob/master/examples/choropleth_map.html)**: Example of choropleth map.
-* **[gantt.html](https://github.com/anychart/anychart-jquery/blob/master/examples/gantt.html)**: Example of gantt chart.
-* **[multiple_charts.html](https://github.com/anychart/anychart-jquery/blob/master/examples/multiple_charts.html)**: Example of working with multiple charts.
+* **[async_data_load.html](https://github.com/anychart/anychart-jquery/blob/master/examples/async_data_load.html)**: Async data loading.
+* **[choropleth_map.html](https://github.com/anychart/anychart-jquery/blob/master/examples/choropleth_map.html)**: Choropleth (colored) map.
+* **[gantt.html](https://github.com/anychart/anychart-jquery/blob/master/examples/gantt.html)**: A gantt chart.
+* **[multiple_charts.html](https://github.com/anychart/anychart-jquery/blob/master/examples/multiple_charts.html)**: Handling multiple charts.
 * **[simple_chart_update.html](https://github.com/anychart/anychart-jquery/blob/master/examples/simple_chart_update.html)**: Simple chart which can be updated (switch type, change background).
-* **[simple_dashboard.html](https://github.com/anychart/anychart-jquery/blob/master/examples/simple_dashboard.html)**: Example of simple dashboard.
-* **[stock.html](https://github.com/anychart/anychart-jquery/blob/master/examples/stock.html)**: Example of stock chart.
+* **[simple_dashboard.html](https://github.com/anychart/anychart-jquery/blob/master/examples/simple_dashboard.html)**: A simple dashboard.
+* **[stock.html](https://github.com/anychart/anychart-jquery/blob/master/examples/stock.html)**: A stock chart.
 
 
 ## Contacts
@@ -142,7 +143,7 @@ See these examples to learn how things work:
 * [Download AnyChart](http://www.anychart.com/download/)
 * [AnyChart Licensing](http://www.anychart.com/buy/)
 * [AnyChart Support](http://www.anychart.com/support/)
-* [Report Issues](http://github.com/AnyChart/anychart/issues)
+* [Report Issues](https://github.com/AnyChart/AnyChart-jQuery/issues)
 * [AnyChart Playground](http://playground.anychart.com)
 * [AnyChart Documentation](http://docs.anychart.com)
 * [AnyChart API Reference](http://api.anychart.com)
@@ -151,4 +152,4 @@ See these examples to learn how things work:
 
 ## License
 
-[© AnyChart.com - JavaScript charts](http://www.anychart.com). Released under the [Apache 2.0 License](https://github.com/anychart-integrations/ruby-sinatra-mysql-template/blob/master/LICENSE).
+[© AnyChart.com - JavaScript charts](http://www.anychart.com). AnyChart jQuery plugin is released under the [Apache 2.0 License](https://github.com/AnyChart/AnyChart-jQuery/blob/master/LICENSE).
diff --git a/examples/async_data_load.html b/examples/async_data_load.html
@@ -5,24 +5,38 @@
     <script src="../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../dist/anychart-jquery.min.js"></script>
     <link rel="stylesheet" href="assets/anychart-ui.min.css"/>
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+        }
+
+        #load {
+            margin: 15px 0 10px 15px;
+        }
+
+        #container {
+            width: 640px;
+            height: 480px;
+        }
+    </style>
 </head>
 <body>
-<div id="container" style="width: 640px; height: 480px;"></div>
 <button id="load">load new data</button>
+<div id="container"></div>
 <script>
     var cnt = $('#container');
     cnt.anychart('line', [3, 1, 2]);
 
-    $('#load').click(function() {
+    $('#load').click(function () {
         $.ajax({
             url: 'assets/data.json',
             type: 'GET',
             dataType: 'json'
-        }).done(function(json) {
+        }).done(function (json) {
             cnt.anychart().data(json);
         })
     });
-
 </script>
 </body>
 </html>
diff --git a/examples/choropleth_map.html b/examples/choropleth_map.html
@@ -7,9 +7,20 @@
     <script src="../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../dist/anychart-jquery.min.js"></script>
     <link rel="stylesheet" href="assets/anychart-ui.min.css"/>
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+        }
+
+        #container {
+            width: 800px;
+            height: 600px;
+        }
+    </style>
 </head>
 <body>
-<div id="container" style="width: 800px; height: 600px;"></div>
+<div id="container"></div>
 <script>
     $(document).ready(function() {
         var data = anychart.data.set([
diff --git a/examples/gantt.html b/examples/gantt.html
@@ -6,14 +6,26 @@
     <script src="../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../dist/anychart-jquery.min.js"></script>
     <link rel="stylesheet" href="assets/anychart-ui.min.css"/>
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+        }
+
+        #container {
+            width: 800px;
+            height: 537px;
+        }
+    </style>
 </head>
 <body>
-<div id="container" style="width: 800px; height: 480px;"></div>
+<div id="container"></div>
 <script>
     var data = anychart.data.tree(getData(), anychart.enums.TreeFillingMethod.AS_TREE);
     var cnt = $('#container');
     cnt.anychart('ganttProject', data);
     var chart = cnt.anychart();
+    chart.splitterPosition(223);
     chart.fitAll();
 </script>
 </body>
diff --git a/examples/multiple_charts.html b/examples/multiple_charts.html
@@ -11,13 +11,22 @@
             width: 400px;
             height: 200px;
         }
+
+        html, body {
+            margin: 0;
+            padding: 0;
+        }
+
+        #bg {
+            margin: 15px 0 10px 15px;
+        }
     </style>
 </head>
 <body>
+<button id="bg">change backgrounds</button>
 <div class="chart"></div>
 <div class="chart"></div>
 <div class="chart"></div>
-<button id="bg">change backgrounds</button>
 <script>
     var cnts = $('.chart');
 
@@ -30,7 +39,6 @@
             $(this).anychart().background(bg[index] + ' .5');
         });
     })
-
 </script>
 </body>
 </html>
diff --git a/examples/simple_chart_update.html b/examples/simple_chart_update.html
@@ -5,20 +5,38 @@
     <script src="../node_modules/anychart/dist/anychart-bundle.min.js"></script>
     <script src="../dist/anychart-jquery.min.js"></script>
     <link rel="stylesheet" href="assets/anychart-ui.min.css"/>
+
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+        }
+
+        #container {
+            width: 640px;
+            height: 480px;
+        }
+
+        .buttons-container {
+            margin: 15px 0 10px 15px;
+        }
+    </style>
 </head>
 <body>
-<div id="container" style="width: 640px; height: 480px;"></div>
-<button id="pie">render pie chart</button>
-<button id="bg">change background to pink</button>
+<div class="buttons-container">
+    <button id="pie">render pie chart</button>
+    <button id="bg">change background to pink</button>
+</div>
+<div id="container" style=""></div>
 <script>
     var cnt = $('#container');
     cnt.anychart('line', [3, 1, 2]);
 
-    $('#pie').click(function() {
+    $('#pie').click(function () {
         cnt.anychart('pie', [4, 3, 3, 4]);
     });
 
-    $('#bg').click(function() {
+    $('#bg').click(function () {
         cnt.anychart().background('pink');
     })
 </script>
diff --git a/examples/simple_dashboard.html b/examples/simple_dashboard.html
@@ -5,10 +5,26 @@
     <script src="../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../dist/anychart-jquery.min.js"></script>
     <link rel="stylesheet" href="assets/anychart-ui.min.css"/>
+
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+        }
+
+        #button {
+            margin: 15px 0 10px 15px;
+        }
+
+        #container {
+            width: 800px;
+            height: 600px;
+        }
+    </style>
 </head>
 <body>
 <button id="button">Render another dashboard</button>
-<div id="container" style="width: 800px; height: 600px;"></div>
+<div id="container"></div>
 <script>
     var cnt = $('#container');
     var chart1 = anychart.column([2, 4, 2, 1]);
@@ -26,7 +42,7 @@
 
     cnt.anychartStage(chart1, chart2);
 
-    $('button').click(function() {
+    $('button').click(function () {
         cnt.anychartStage(chart3, chart4);
     })
 </script>
diff --git a/examples/stock.html b/examples/stock.html
@@ -10,9 +10,21 @@
     <script src="assets/csco-daily-short.js"></script>
     <script src="assets/ibm-daily-short.js"></script>
     <link rel="stylesheet" href="assets/anychart-ui.min.css"/>
+
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+        }
+
+        #container {
+            width: 800px;
+            height: 600px;
+        }
+    </style>
 </head>
 <body>
-<div id="container" style="width: 800px; height: 600px;"></div>
+<div id="container"></div>
 <script>
     var chart = $('#container').anychart('stock').anychart();
 
