diff --git a/README.md b/README.md index 582961d..74fb043 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,14 @@ [AnyChart - Robust JavaScript/HTML5 Chart library for any project](http://www.anychart.com) AngularJS v1.x directives for AnyChart -========= -The set of directives to provide an integration of [Anychart Framework](http://anychart.com) -and [AngularJS Framework](https://angularjs.org/). These directives simplify usage and -configuration of basic charts types, but also allows you to build complex dashboards. +========= +AngularJS v1.x directives for AnyChart provide and easy way to use [AnyChart JavaScript Charts](http://anychart.com) +with [AngularJS Framework](https://angularjs.org/). ## Table of Contents + * [Download and install](#download-and-install) * [Quick start](#quick-start) * [AnychartService](#anychartservice) @@ -18,7 +18,6 @@ configuration of basic charts types, but also allows you to build complex dashbo * [Links](#links) * [License](#license) - ## Download and install #### Package managers @@ -30,18 +29,21 @@ You can install AngularJS-plugin using **npm**, **bower** or **yarn**: * `yarn install anychart-angularjs` #### Direct download + You can download AngularJS-plugin directly from the [dist](https://github.com/AnyChart/AnyChart-AngularJS/tree/master/dist) folder. ## Quick start -First off all, please look at the code snippet written below: + +Here is a basic sample that shows how to add a chart: + ```html - + - Anychart AngularJS plugin demo. + Anychart AngularJS plugin demo @@ -61,15 +63,15 @@ First off all, please look at the code snippet written below: (function() { 'use strict'; - //Declare your own module and controller - //and inject anychart-angularjs module to - //start working. + // Declare your own module and controller + // and inject anychart-angularjs module to + // start working. angular .module('MyApp', ['anychart-angularjs']) .controller('MyCtrl', ['$scope', function($scope) { - //In this basic case you just need to - //provide a data to visualize. + // In this basic case you just need to + // provide the data set to visualize. $scope.myData = [ ["Chocolate", 5], ["Rhubarb compote", 2], @@ -85,7 +87,7 @@ First off all, please look at the code snippet written below: - +
` | Supports attributes specific to this directive and generates a chart belonging to aychart module (not gantt, map or stock chart types) +anychart | `
` | Supports attributes specific to this directive and generates a chart belonging to anychart module (not gantt, map or stock chart types) anygantt | `
` | Supports specific attributes and generates a chart belonging to anygantt module (`ganttResource` and `ganttProject`) anymap | `
` | Supports specific attributes and generates a chart with map-specific series (`choropleth`, `bubbleMap`, etc.). anystock | `
` | Supports specific attributes and generates a Stock-Chart.