enginechart-jquery

jQuery Plugin for AnyChart.
=========

jQuery plugin for AnyChart provides an easy way to use AnyChart JavaScript Charts with jQuery framework.

* Download and Install
* Quick Start
* Examples Overview
* API Overview
* Contacts
* Links
* License

Download and install

There are several ways to download/install AnyChart-jQuery.

#### Direct download

Binaries are located in dist folder.

#### Package managers

You can install AnyChart-jQuery using npm, bower or yarn:

* npm install anychart-jquery
* bower install anychart-jquery
* yarn add anychart-jquery

Quick start

Here is a basic sample that shows how to add a column chart:


API Overview

####

$(selector).anychart();


Returns an instance of a chart if it is rendered to a container. Returns

null otherwise.

`$(selector).anychart('line', [3, 1, 2]); var chart = $(selector).anychart(); chart.background('red');`

#### $(selector).anychartStage();Returns an instance of a stage if it was rendered to a container. Returnsnull otherwise.

`// e.g. create and setup chart1, chart2, chart3 $(selector).anychartStage(chart1, chart2, chart3);

var stage = $(selector).anychartStage(); stage.width(400);`

#### $(selector).anychart(type, var_args);Renderstype chart to a container.

type can be any of AnyChart chart types or stock, ganttProject, ganttResource.

var_args are data that is passed to the chart constructor.

`// create a line chart with 2 series $(selector).anychart('line', [3, 1, 2], [5, 4, 3]);`Other use cases you can find in AnyChart jQuery examples folder

#### $(selector).anychart(type, geoData, var_args);Renders a map to a container.

type can be: bubbleMap, choropleth, connector, markerMap, seatMap

geoData can be a string or an object with geo data.

var_args are chart data.

`// 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.

var_args are charts to be rendered to on a stage.

`// create and setup chart1, chart2, chart3 // .... // Render them to a stage. $(selector).anychartStage(chart1, chart2, chart3);``

Examples Overview

See examples to learn how things work:

* async_data_load.html: Async data loading.
* choropleth_map.html: Choropleth (colored) map.
* gantt.html: A gantt chart.
* multiple_charts.html: Handling multiple charts.
* simple_chart_update.html: Simple chart which can be updated (switch type, change background).
* simple_dashboard.html: A simple dashboard.
* stock.html: A stock chart.

Contacts

* Web: www.anychart.com
* Email: contact@anychart.com
* Twitter: anychart
* Facebook: AnyCharts
* LinkedIn: anychart

License