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

Lighten fill color for each level of Force Directed Tree

Type tutorial

This short but useful tutorial will show how you can automatically make node fill color lighter with each subsequent level of a nodes with each subsequent level in a Force Directed Tree. The task By default, ForceDirectedSeries colors node with a solid color. Its direct descendants, as well as their descendants inherit same color throughout […]

Customizing chart scrollbar

Type tutorial

Chart scrollbars come pre-configured with certain looks, in part influenced by used themes. This tutorial show how we can customize the looks of scrollbars. Test subject During the course of this tutorial we will be torturing a scrollbar of this chart: Customizing grips Let’s start by customizing the grips. Accessing grip objects Both of them […]

Making CurveChart labels follow axis angle

Type tutorial

CurveChart (or a TimeLine) is a new exciting chart product, allowing twisting and bending the charts into any custom shape. This tutorial will show how you can make labels of a curved axis follow its angle. Base chart Let’s start with a basic chart example we took from our “TimeLine Chart” article: The X axis […]

Zooming axis via API / external scrollbar

Type tutorial

The XYChart can be zoomed using built-in scrollbar controls or with a chart cursor. This tutorial will show how you can zoom the chart programatically using its API. Zooming chart via API The zooming of a chart happens via zooming of a particular axis. Say we have a DateAxis as chart’s X axis. To zoom […]

Pre-hidden Sankey nodes

Type tutorial

Sankey diagrams start up with all of their links and nodes visible and panned out. This tutorial will show how you can specify which nodes start “collapsed” until user clicks on them to expand. Solution Using UI, when user clicks on a node it collapses and is “hidden”. This means that node’s hidden property is […]

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

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

Windows “high contrast” mode

Type tutorial

As an aid to vision-impaired users MS Windows operating system offers a “high contrast” mode. While most of the modern browsers have no issues with it, there are some quirks affecting chart visibility in older Internet Explorer and EDGE browsers. This tutorial shows a quick workaround. The problem Internet Explorer and EDGE browsers, when Windows […]