jQuery plugin for AnyChart.
jQuery plugin for AnyChart provides an easy way to use AnyChart JavaScript Charts with jQuery framework.
Table of Contents
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-React 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:
<!doctype html>
<html>
<head>
<!-- Add jQuery -->
<script src="js/vendor/jquery-3.1.1.min.js"></script>
<!-- Add anychart-bundle -->
<script src="js/anychart-bundle.min.js"></script>
<!-- Add AnyChart jQuery plugin -->
<script src="js/anychart-jquery.min.js"></script>
</head>
<body>
<div id="container" style="width: 640px; height: 480px;"></div>
<script>
// Render column chart to #container
$('#container').anychart('column', [3, 1, 2]);
</script>
</body>
</html>
API Overview
$(selector).anychart();
Returns instance of a chart if it was rendered to continer, null
otherwise.
$(selector).anychart('line', [3, 1, 2]);
var chart = $(selector).anychart();
chart.background('red');
$(selector).anychartStage();
Returns instance of a stage if it was rendered to container, null
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);
Renders type
chart to container.
type
can be either any of AnyChart chart types or stock
, ganttProject
, ganttResource
.
var_args
are data that will be passed to a chart constructor.
// create line chart with 2 series
$(selector).anychart('line', [3, 1, 2], [5, 4, 3]);
Other use cases you can find in examples
folder
$(selector).anychart(type, geoData, var_args);
Renders map chart to container.
type
can be one of bubbleMap
, choropleth
, connector
, markerMap
, seatMap
geoData
can be string or Object with geo data.
var_args
are chart data.
// create choroplet map with australia geodata.
$(selector).anychart('choropleth', 'anychart.maps.australia', data);
$(selector).anychartStage(var_args);
Renders preconfigured charts to a stage.
var_args
are charts that will be rendered to stage.
// create and setup chart1, chart2, chart3
// ....
// Render it to stage.
$(selector).anychartStage(chart1, chart2, chart3);
Examples Overview
See these examples to learn how things work:
Contacts
Links
License
© AnyChart.com - JavaScript charts. Released under the Apache 2.0 License.