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

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

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

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

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

Drill-down column chart

Type tutorial

Let’s implement a very basic drill-down scenario for the column charts. First of all, let’s set up the data: var chartData = [ { country: “USA”, visits: 4025 }, { country: “China”, visits: 1882 }, { country: “Japan”, visits: 1809}, { country: “Germany”, visits: 1322} ]; Now let’s add a second-level of the data to […]

Multiple data sets with regular charts

Type tutorial

Sometimes you find yourself in a situation where you need one chart to display several sets of data. You also need your user to be able to switch them dynamically, without reloading the page. However, the charts do not support this functionality out of the box. Fortunately it’s very easy to implement using some custom […]

Real-time data

Type tutorial

The charts can be configured to be updated at preset intervals with the new data. The idea is to periodically update chart.dataProvider (or chart.dataSet[x].dataProvider in case of Stock chart) with the new data points, then just call chart.validateData() for the chart to take in the new data. Here’s a working example. The data updates can be loaded […]