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 amcharts.com, 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 amcharts.com 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 […]

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

Preventing Vue.js from loading external libraries

Type tutorial

amCharts 4 comes with some external libraries that are not needed for core operation, but might be dynamically loaded for some niche operation, like exporting a chart to PDF. Normally Vue.js would bundle those files into your app, inflating its size. As a quick workaround you can tap into the Vue CLI generated webpack config […]