Exporting charts and maps: Quick Intro

Type tutorial

Unsupported: IE9 and lower are not supported by the export plugin due browser incompatibilities! Since you made it to your first chart you probably want to go one step further and offer your users to download those. In this tutorial we will guide you through a few easy steps to get the export functionality working. […]

Using Data Loader to connect charts to MySQL data base

Type tutorial

The purpose of this article is to show you how you can hook up your client-side charts to the database servers on your back end using server-side scripting languages. On the server side we’ll be using MySQL and PHP. However the principles outlined in this article will be applicable to any combination of server-side technologies, like ASP.NET+MSSQL, […]

Using Data Loader plugin to load external data in CSV or JSON formats

Type tutorial

Description By default all amCharts libraries accept data in JSON format. It needs to be there when the web page loads, defined in-line or loaded via custom code. This plugin introduces a native wrapper that enables automatic loading of data from external data data sources in CSV and JSON formats. Most of the times you will just […]

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

How to import data into the Live Editor

Type tutorial

As a Live Editor user, you probably spend a lot of time inserting the data manually if you are not familiar with our import feature. In this tutorial we will guide you trough the process how to import your data into our Live Editor and link it’s content with your graphs. Opening the Live-Editor & Pick a template […]