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 […]

Displaying charts in tabs or other dynamic page elements

Type tutorial

Lots of amCharts users who develop interactive JavaScript applications require placing the charts in containers that are not initially visible. I.e. tabs. This creates a problem since chart cannot reliably determine dimensions of the hidden container. The solution is quite an easy though. Once you make chart container make sure you call invalidateSize() on your chart […]

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 […]

Exporting charts and maps as an image or PDF

Type tutorial

IMPORTANT NOTICE! The information provided in this article is deprecated. The export scripts, described in this tutorial were replaced by a better alternative since version 3.14. Please refer to this tutorial for further information. Since V 3.2.0 of our charts and V 3.7.0 of maps you can give your charts a way to escape out […]

Understanding data grouping of Stock chart

Type tutorial

In this article we will explain how data grouping feature of stock chart works. Take a look at this example first. If you roll-over the chart so that chart cursor would appear, you will notice that each data point represents one day. This is quite expected, as we provided daily data for this chart. Now, zoom-out to […]

Creating Sparkline / Micro Charts

Type tutorial

Despite what you may have heard, JavaScript Charts from amCharts CAN be used to create inline sparkline or microcharts. This article will walk you through the steps needed to minify your charts. Let’s take some simple column chart as an example: The code for the above chart is here. Now let’s say I want to […]

Live-editing Chart Data

Type tutorial

Sometimes we get the questions that go along like this “How do I hook up HTML controls to live chart data?”. While technically it’s beyond what charts do, we’re feeling generous, so let’s build a nice chart data editor. Shall we? NOTE: If you don’t feel like parsing so many letters, you can jump right […]

Time series chart – the great advantages of parsing dates

Type tutorial

Chart which parses dates vs the one which doesn’t I might be wrong, but I make a guess that at least 50% of all serial charts have date/time on they category axis – they show how some value changed over a time. That’s why, when choosing a charting library, one of the main thing you […]

Loading external 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. In […]

Marking weekends or filling single series backround

Type tutorial

Sometimes you might need to have color fills on the background of your chart showing different time periods, marking weekends etc. In most cases you can use Guides for this purpose. However sometimes it is more comfortable to use a regular column graph to achieve the same result. For example – if you need a guide […]