anychart-jquery
Advanced tools
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>
$(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. 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
FAQs
JQuery plugin for AnyChart JavaScript charting library
The npm package anychart-jquery receives a total of 86 weekly downloads. As such, anychart-jquery popularity was classified as not popular.
We found that anychart-jquery demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.