jQuery plugin for AnyChart provides an easy way to use AnyChart JavaScript Charts with jQuery library.
There are several ways to download/install AnyChart-jQuery.
Binaries are located in dist folder.
You can install AnyChart-jQuery using npm, bower or yarn:
npm install anychart-jquerybower install anychart-jqueryyarn add anychart-jqueryHere is a basic sample that shows how to add a column chart:
<!doctype html>
<html>
<head>
<!-- Add jQuery -->
<script src="path/to/node_modules/jquery/dist/jquery.min.js"></script>
<!-- Add anychart-bundle -->
<script src="path/to/node_modules/anychart/dist/js/anychart-base.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 a column chart to a #container
$('#container').anychart('column', [3, 1, 2]);
</script>
</body>
</html>
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. Returns 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 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);
See examples to learn how things work:
AnyChart jQuery plugin sample includes two parts:
If you have any questions regarding licensing - please contact us. sales@anychart.com
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4