Fitting pie charts into small containers

Type tutorial

Sometimes all it takes to convey a message is a pie chart. It’s a great way to show distribution without going into much detail using words. It’s also great, because it can be crammed into relatively small containers. amCharts’ implementation of a pie chart will do the job for you of auto-fitting the actual pie […]

amCharts meets RequireJS

Type tutorial

Many modern websites rely heavily on JavaScript. Each one has at least several home-cooked and 3rd party libraries. With the number of them growing, it becomes increasingly difficult to manage all of them, especially if you want to make sure to minimize traffic overhead by loading only what’s absolutely necessary for the particular page. That’s […]

Loading external map data

Type tutorial

IMPORTANT NOTICE! The information provided in this article is here for historical reference. We strongly suggest you consider using our official Data Loader plugin, which takes care of all the data loading automatically. However, bits and pieces of this article might still be useful for some. Please refer to this tutorial for further information. This […]

Beginners: Console is your friend

Type tutorial

If by chance it happened that working with amCharts is also beginning of your programming career, we have a very valuable suggestion for you: View console of your browser Console is a place where all the errors are listed. To access console of Chrome: Use the keyboard shortcut Command – Option – J (Mac) or Control -Shift -J (Windows/Linux). […]

Compiling and minifying JavaScript file from sources

Type tutorial

In case you have OEM/SaaS license of amCharts, you have access to uncompiled sources – they are available in sources folder. These uncompiled sources have long, self explanatory variable names and comments, which are not available in compiled version. Each class is a separate file – this helps quickly find the place you need. If […]

Showing only one balloon for all graphs

Type tutorial

In case you have a lot of graphs in one chart, and use ChartCursor with value balloons enabled, showing a separate balloon for each graph might not work. So you have two options: #1 Show only one balloon, of the most close graph to the mouse cursor. This can be done by setting chartCursor.oneBalloonOnly = true; #2 […]

Using events

Type tutorial

I guess most of you are familiar with events model, but in case not, I will try to explain it in as simple way as I can. The chart fires (dispatches) events. Some of them are dispatched without any user interaction, for example, when chart is rendered for the first time, chart fires init event. Other […]

Creating custom maps for JavaScript amMap

Type tutorial

You can create your own custom maps and use them with amMap – a tool for creating interactive JavaScript maps for web sites. AmMap uses SVG maps. It can load SVG file or you can include JavaScript file with SVG data converted to JSON. This option is better as loading SVG might be problematic, depending […]

Your first amMap

Type tutorial

Psssst! Want to put together the config for your first map faster? Try our Pixel Map tool. JavaScript amMap is a piece of software for creating interactive maps for your web sites and applications. It’s quite different from mapping products like Google Maps, and so is its purpose. We do not provide deep-level maps like […]

Working with themes

Type tutorial

Version 3.3.0 of our charting packages and version 3.8.0 of our mapping package supports themes. This means that instead of setting every property for each graph or axis or any other object, you can set new defaults in a theme file. This will make devs’ life a lot easier! Take a quick look at this sample. No colors are […]