“Sticky” chart cursor

Type tutorial

Normal XYCursor is hidden automatically when plot area is no longer hovered. This tutorial shows how you can easily make it “sticky”, that is make it stay in its last known location. Enabling XYCursor does not have a built-in setting to make it “sticky”, so we’ll have to improvise. For that we’ll use two components: […]

Custom static multi-value tooltip

Type tutorial

Its easy to consolidate a lot of data into a single tooltip that is displayed over Series using Cursor. We’ve covered it in this tutorial. But what if we don’t want a huge square following our cursor, and would rather display that info in a fixed place in the corner? Read on, as we show […]

Tooltips with rich HTML content

Type tutorial

Tooltips in amCharts 4 can display formatted information thanks to the style formatting and data binding syntax provided by built-in text formatter. However, sometimes we might go even further: use endless formatting possibilities provided by HTML and CSS. This tutorial will explain how. Base chart Let’s start with a pretty basic chart with multiple line […]

Positioning XY Cursor via API

Type tutorial

Sometimes you might need to programatically position your chart cursor. This tutorial will show how. Base chart Let’s use this stacked XY chart with a Cursor pre-configured: Placing cursor Our reference chart has a Category axis with categories like “One”, “Two”, “Three”, etc. We’d like to place our cursor at, say, “Three”. This means that […]

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