Socket
Socket
Sign inDemoInstall

anychart-jquery

Package Overview
Dependencies
0
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    anychart-jquery

JQuery plugin for AnyChart JavaScript charting library


Version published
Weekly downloads
81
decreased by-27.68%
Maintainers
1
Created
Weekly downloads
 

Readme

Source

AnyChart - Robust JavaScript/HTML5 Chart library for any project

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

License

© AnyChart.com - JavaScript charts. Released under the Apache 2.0 License.

Keywords

FAQs

Last updated on 03 Feb 2017

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.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc