Integrating with WebDataRocks

Type tutorial

This short intro tutorial will show how to connect your data stream with client-side grid library – WebDataRocks – and use it to visualize in amCharts 4. Introduction Before we begin with WebDataRocks, we suggest familiarizing with getting started tutorials on their website. In this tutorial we will provide only basics of the data loading, […]

Using MapChart with Google Maps API

Type demo

This short demo shows how our own MapChart can be overlaid over Google Maps using JavaScript Maps API, complete with total syncing of zoom and pan.

About “Chart was not disposed” warning

Type tutorial

Are you getting a “Chart was not disposed” warning in your browser console? You’re doing something wrong. Read on for an explanation. When the warning is displayed? When you instantiate a chart, it creates a bunch of objects as well as other stuff like event handlers. All those things occupy computer memory and consume some […]

Use amCharts 4 to visualize Google Analytics data

Type tutorial

Intro Google exposes data from its Analytics service using a number of various APIs. CORE REPORTING API (Create custom reports by querying for dimensions and metrics) MULTI-CHANNEL FUNNELS REPORTING API (Access attribution and conversion path data for your users) REAL TIME REPORTING API (Access activity occurring on your property right now) EMBED API (Embed dashboards […]

Transferring demos from, CodePen or jsFiddle into WordPress

Type tutorial

If you are using amCharts WordPress plugin, you might be wondering how to transfer ready-made demos from website, or ones that you find scattered around on CodePen or jsFiddle services. This tutorial will provide a short instructions on how to do so. Most of the amCharts demos you find will be shown on either […]

Using amCharts WordPress plugin

Type tutorial

WordPress being the single most used web publishing platform, is perfect for when you want your website up and running in minutes. However, when it comes to dynamic content, such as JavaScript, you’ll find that there’s practically no options in the plain vanilla WP install. This is precisely the reason why we went ahead and […]

Automating report generation using Selenium Webdriver

Type tutorial

If you need to automate the generation of chart images or PDF, Selenium Webdriver might be the best option. It can handle different browsers even though this example only shows it using Firefox. Setting up Install NodeJS Install Firefox Create a folder Create a file called package.json in the new folder with the content shown […]

Lazy loading amCharts modules

Type tutorial

It is possible to load the amCharts library only when needed. This tutorial will explain how. The import() expression is the official way to lazy load any ES6 module, including amCharts. However, import() can only import a single module, so you have to combine it with Promise.all to load multiple modules. Here is how to […]

Using Web Font Loader

Type tutorial

If you are using web fonts, you might have noticed an unpleasant moment when content is rendered before the font loads, making it re-render. Since the fonts have different heights and widths, the font being loaded or not may also affect measuring of elements and thus their placement. In some cases, if font is not […]

Automating report generation using Puppeteer

Type tutorial

DEPRECATION NOTICE Information provided in this article is deprecated and no longer valid, because of the deal-breaking issues with the Puppeteer. Please refer to “Automating report generation using Selenium Webdriver” for a working solution. If you need to automate the generation of chart images or PDF, utilities with a self contained browser are your best […]