Using U.S. congressional districts maps

Type tutorial

Since version 4.1.8 the geodata package for Map Chart includes a collection of maps for U.S. Congressional Districts. This tutorial will show how you can use them. Using congressional district maps The congressional district map files are located under region/usa/congressional subdirectory of the geodata package. If you are not familiar with the geodata package and how […]

Using map country name translations

Type tutorial

By default the maps bundled with amCharts 4 include names of countries in English. This tutorial will show how you can use bundled translation files to translate them into a multitude of other languages. Prerequisites The techniques described in this tutorial rely on features introduced in specific versions of amCharts 4 and Geodata packaged. Make […]

Export menu in external container

Type tutorial

By default, the chart places its export menu in one of its corners. This tutorial will show how you can easily move it out of the chart and into any container on your page. The solution If you examine ExportMenu class, you’ll notice the property named container. By default it contains reference to the <div> […]

Changing appearance of focused items

Type tutorial

amCharts 4 comes with extensive accessibility functionality, of which part is ability to highlight focused items with a high-contrast outline. This tutorial will show how you can modify the appearance of this outline. Default behavior Some chart elements – columns, buttons, bullets, or slices to name a few – are selectable via TAB key. When […]

Adding extra info in exported PDF

Type tutorial

amCharts 4 comes pre-loaded with extensive chart export functionality. Besides ability to export chart to various image and data formats, it can also export to PDF documents. This tutorial will show, how you can easily tap into this process to include extra information, like text, tables, and even images, into exported PDF. The task By […]

Modifying chart for export

Type tutorial

Version 4.6.8 brought a new feature to chart exporting functionality: ability to modify chart appearance any way we want before export. For example we’d like to watermark exported charts with an attribution message. Or we want to add any additional titles or info. This tutorial will show how we can do it. The task Let’s […]

Plugin: Overlap Buster (experimental)

Type tutorial

This tutorial will show how you can use OverlapBuster plugin (available since version 4.6.2) to make overlapping items such as bullets, map markers, or just about any other element “explode” to sides when hovered, for easy access to them NOTE OverlapBuster is a plugin. For information about using plugins, refer to this article. Disclaimer Please […]

Replacing default export icon

Type tutorial

This tutorial will show how you can easily replace the default … in export menu’s top level item with a custom image. Default behavior Export menu displays a button with a triple dot in it: Let’s change it to something else. Top-menu item The menu which is an object of type ExportMenu has a property […]

Using “sticky” tooltips

Type tutorial

Any element on a chart can have tooltipText set to display in form of a tooltip when hovered or touched. This tutorial will show how you can turn those tooltips into “sticky”, so they are always shown, without requiring to hover/touch the element. Requirements The functionality was introduced in version 4.5.4, so if you happen […]

Plugin: Bullets

Type tutorial

“Bullets” is a collection of configurable shapes (stars, pins, flags, etc.) that you can use as chart bullets, map markers, and anywhere else. Availability Bullets plugin is available since amCharts 4 version 4.5.7. Including the module Before you can use this plugin you need to make sure you include it. If you are using it […]