Using amCharts with Vue.js and Webpack

Type tutorial

Vue.js is a popular JavaScript framework, and we get regular questions from people wanting to use amCharts in their Vue apps. In this quick guide, we will cover the basics of using amCharts in a most straightforward Vue.js app and then continue with a more advanced setup utilizing Vue components and Webpack. Hello, Vue + […]

Using object-based chart setup

Type tutorial

As you may know each amCharts chart can be created using two approaches: Object-based; JSON-based. For JSON-based setup refer to these introductory articles: Your first chart with amCharts Creating charts using JSON This article focuses on building the charts using object based setup. Object-based approach, while not as straightforward as JSON, has its advantages, like […]

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

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

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

Your first Stock chart

Type tutorial

To begin, download and unzip stock chart package. If you’re seasoned web developer and feeling brave, you could simply go to samples/ folder and analyze html files found there. Otherwise stay on this tutorial. Setup working folder Create some folder for your project and copy amcharts folder from downloaded package into it. Then, start with a new […]

Creating charts using JSON

Type tutorial

Since v 3.2.0 all charts and maps can now be created using JSON object, instead of JavaScript API. This means you might store chart configuration in a simple JSON object and use it whenever you need. Here is a basic example of bar chart made from JSON object: AmCharts.makeChart( “chartdiv”, { “type”: “serial”, “dataProvider”: [ […]