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

If you need to automate the generation of chart images or PDF, utilities with a self contained browser are your best options. There are few options out there as headless browsers. We created this example based on Puppeteer as this is a new option supported by Google that uses latest Chrome. What is Puppeteer Puppetter […]

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