Modules

Overview

Modular System is the core of AnyChart 8. It allows you to significantly reduce the size of the JavaScript code running on your web page by connecting only those chart types and features that you actually use. The modular-based AnyChart is perfectly compatible with popular bundling tools such as Webpack, Browserify, and so on.

Basics

First Step

You should always add one of the following modules:

Reference them the <head> section of your page before any other modules:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-core.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-bundle.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>

The main module, required by all chart types, is Core, the core of the engine. It is included, among other things, in the Base and Bundle modules, so you can also use them instead.

Note: All JS files with modules are stored on the AnyChart CDN server, but you can download any file and place it in another location. Learn more: Downloading AnyChart.

Combining Modules

The Core module should be combined with the modules required by the chart type and features you want to add - see the Chart Modules and Features sections.

For example, to create an exportable Pie chart, combine Core with the Pie and Doughnut and Exports modules:

<head>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-core.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-pie.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
</head>

The same logic applies to the Base module. However, please note that it already includes some chart types, so you have to reference other modules only if you need to add a chart type that is not included or a feature.

As for Bundle, it includes all other modules except Extensions.

Builder

Custom JavaScript Builder is designed for assembling a JavaScript file that contains only the features and chart types you are really going to use.

To build a custom JavaScript binary, check modules you want to include in the build: specify the chart types you are going to create and add features and themes if you need them. Then press the green "Build" button at the bottom.

You can also build a file that contains your license key. See the Credits article to learn more.

Bundle

The AnyChart Bundle build contains all chart modules and features. It is the biggest file, so you should use it cautiously.

<script src="https://cdn.anychart.com/releases/v8/js/anychart-bundle.min.js"></script>

Chart Modules

The following modules are available:

Base

AnyChart Base is a handy module that contains:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>

Core

AnyChart Core is the core of the engine. It is needed whenever you use any module (except Bundle and Base).

<script src="https://cdn.anychart.com/releases/v8/js/anychart-core.min.js"></script>

Bullet

A module for creating Bullet charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-bullet.min.js"></script>

Basic Cartesian Charts

A module for creating basic Cartesian charts: Area, Bar, Box, Bubble, Column, Area, HiLo, Candlestick, Jump Line, Line, Marker, OHLC, Range Area, Range Bar, Range Column, Range Spline Area, Range Step Area, Spline Area, Spline, Step Area, Step Line, Stick.

<script src="https://cdn.anychart.com/releases/v8/js/anychart-cartesian.min.js"></script>

Basic 3D

A module for creating Cartesian 3D charts (except Pie and Doughnut):

<script src="https://cdn.anychart.com/releases/v8/js/anychart-cartesian-3d.min.js"></script>

Circular Gauge

A module for creating Circular Gauges:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-circular-gauge.min.js"></script>

Gantt and Gantt Resource

A module for creating Gantt and Gantt Resource charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-gantt.min.js"></script>

Heat Map

A module for creating Heat Maps:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-heatmap.min.js"></script>

Linear Gauge

A module for creating Linear Gauges:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-linear-gauge.min.js"></script>

Geo Maps

A module for creating Geo Maps:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-map.min.js"></script>

Mekko

A module for creating Mekko charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-mekko.min.js"></script>

Pareto

A module for creating Pareto charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-pareto.min.js"></script>

PERT

A module for creating PERT charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-pert.min.js"></script>

Pie and Doughnut

A module for creating Pie and Doughnut charts (including the 3D versions):

<script src="https://cdn.anychart.com/releases/v8/js/anychart-pie.min.js"></script>

Polar

A module for creating Polar charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-polar.min.js"></script>

Pyramid and Funnel

A module for creating Pyramid and Funnel charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-pyramid-funnel.min.js"></script>

Radar

A module for creating Radar charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-radar.min.js"></script>

Resource

A beta module for creating Resource charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-resource.min.js"></script>

Sankey Diagram

A module for creating Sankey Diagrams:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-sankey.min.js"></script>

Scatter

A module for creating Scatter charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-scatter.min.js"></script>

Sparkline

A module for creating Sparkline charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-sparkline.min.js"></script>

Stock

A module for creating Stock charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-stock.min.js"></script>

Sunburst

A module for creating Sunburst charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-sunburst.min.js"></script>

Tag Cloud

A module for creating Tag Clouds:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-tag-cloud.min.js"></script>

Treemap

A module for creating Treemap charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-treemap.min.js"></script>

Venn Diagram

A module for creating Venn Diagrams:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-venn.min.js"></script>

Waterfall

A module for creating Waterfall charts:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-waterfall.min.js"></script>

Features

Additional modules that are responsible for various features of the library.

Annotations

A module for working with Annotations:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-annotations.min.js"></script>

Data Adapter

A module for working with Data Adapter:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-data-adapter.min.js"></script>

Exports

A module that enables Exports and Sharing:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>

Table UI

A module that enables Table Layout:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-table.min.js"></script>

Common UI

A module that enables UI features, such as Context Menu, Preloader, Zoom Controls, Range Picker & Range Selector:

<script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>

UI Binding

The UI Binding module is a set of utilities for binding HTML5 UI elements to chart settings.

<script src="https://cdn.anychart.com/releases/v8/js/anychart-ui-binding.min.js"></script>

VML Renderer

A module that enables VML support for old browsers.

<script src="https://cdn.anychart.com/releases/v8/js/anychart-vml.min.js"></script>

Extensions

Extension modules provide additional functionality. Extensions CANNOT be a part of Bundle or compiled into it using Builder.

Chart Editor

Chart Editor is an extension that provides a UI for configuring charts and chart data. Read more in the AnyChart Chart Editor section.

<script src="https://cdn.anychart.com/releases/v8/js/anychart-editor.min.js"></script>