Exporting charts and maps: Advanced usage

Type tutorial

Unsupported: IE9 and lower are not supported by the export plugin due browser incompatibilities! Exporting charts to single images or data files might be not enough, there are plenty of other use cases where the export needs to be triggered autonomously or embedded into a company report. In this article we will guide you through […]

Applying SVG filters on charts and maps

Type tutorial

Since 3.13.0 it is possible to define SVG-Filter natively through the chart setup, without touching the actual SVG or messing with the chart events. We have spend a while to think about a way how to provide you the best and easiest solution to define those SVG definitions – and guess what, the simple JavaScript […]

Making charts and maps responsive

Type tutorial

Starting with version 3.13 amCharts has introduced a plugin which allows transparently enabling responsive features of the charts and maps. Compatible with all amCharts products – JavaScript Charts, JavaScript Stock Chart and JavaScript Maps – this plugin dynamically scales-down and -up chart’s visual features to best suit available viewport. This article deals on how to […]

CSS animations

Type tutorial

Since we have added the possibility to add class names on our chart elements, you are able to animate the SVG elements with CSS. Define custom class names to point out specific data points or attract the users in general by animating the whole graph at all. This gives you more freedom, an interactive feeling and […]

CSS class names of visual chart elements

Type tutorial

Since version 3.12.0 you can enable CSS class names on virtually any internal chart or map object: line, fill, column, bullet, plot area, balloon, legend label, you name it. You just need to set the addClassNames property to true. This enables you to manipulate the appearance of virtually any chart item by apply CSS styles. Below […]

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

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

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