tutorial Normally, XYCursor, if added to a chart will try to show a tooltip for each series for the hovered date or category. This does not work for charts that have both X and Y axes as ValueAxis. This tutorial will show how we can fix that. The problem Say, we have an XYChart with three […]
demo This quick demo shows how you can enable a full-width chart cursor on a RadarChart.
demo This demo shows how we can use bullet “states” to display them only when their respective category or date is hovered with a chart cursor.
demo This demo shows how we can use adapters to selectively disable cursor tooltips on columns with zero-value.
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: […]
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 […]
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 […]
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 […]
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 […]