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

Tracking Cursor’s position via API

Type tutorial

This tutorial will explain how you can track Cursor’s position within plot area, as well as map it to real values. Prerequisites If you haven’t done so already, we strongly suggest you take a look at the “Chart Cursor” article, which walks through every step and aspect of using this chart helper. We will also […]

Placing labels anywhere on the chart

Type tutorial

This tutorial shows how you can place arbitrary labels anywhere on the chart. Adding a label A label is represented by object of type Label. A chart is an instance of Container. Therefore, to create a child element (a label) in chart (container) we will use chart’s createChild(type)┬ámethod: let label = chart.createChild(am4core.Label); label.text = “Hello […]

Creating custom maps

Type tutorial

The aim of this tutorial is to get you on the right track for creating your own maps in GeoJSON format, suitable for use with amCharts 4. GeoJSON, being an open standard has a lot of traction and support in mapping software community. Moving forward, we may incorporate more instructions here, so make sure you […]