Bubble chart with hidden scrollbars in plot area
Type
tutorial This demo shows how we can add “hidden” scrollbars directly into plot container of an XY chart, to be shown on hover only.
Using axis ranges to place labels at arbitrary values or dates
Type
tutorial Axes of various types follow their own logic when they choose where to place its grid and labels. However, sometimes you need to place those labels at precisely value X, or on date Y. That’s where axis ranges might come in handy, which is the focus of this tutorial. Prerequisites Just to refresh your memory […]
Show different tooltip on click of a bullet
Type
tutorial This demo shows how to create double-tooltips for series bullets. When hovered, bullet will display some content. When bullet is clicked it will display a permanent sticky tooltip with different information until clicked again.
Adding watermarks to charts
Type
tutorial This short tutorial will explain how we can add various types of information as a watermark on charts. In plot area of an XY chart An XY chart has a special container called a plot area, accessible via chart.plotContainer. We can create any type of element, as well as push it into plot container’s children. […]
Pre-hiding pie chart slices
Type
tutorial This short tutorial will show how to pre-hide individual slices of a pie chart, in this case ones that have zero value. Hiding a slice To a hide a slice on a pie series (or any other percent series for that matter), we need to call the hide() method of its data item. For example, […]
Labels on negative columns
Type
demo This demo shows how we can use adapters to change vertical alignment of a bullet, by dynamically modifying its centerY setting, based on its value. The code The demo
Using regional maps
Type
tutorial In additional to world and country maps, amCharts 5 geodata package comes with a set of specialized regional maps, such as second-level subdivisions (districts), e.g. counties. This tutorial will show how those can be used. Pre-requisites We’re assuming, you have basic knowledge of how the map chart works, about its data loading, and series. Please […]
Hide series’ tooltips when axis bullet is hovered
Type
tutorial This demo shows how we can use events to hide series’ tooltips when tooltip-enabled axis bullet is hovered, ensuring that tooltips do not overlap.
Start/end labels on scrollbar grips
Type
tutorial This demo shows how we can add labels on top of scrollbar grips, that show dates corresponding to their current positions. Here’s another version:
Fake bullet following the XY cursor
Type
tutorial This demo shows how we can dynamically show a simple Circle element instead of actual bullets on a lines series. The demo pre-creates a Circle element on chart, which will be used as a “bullet”. When cursor is moving across the chart, the series get their tooltipDataItem setting set dynamically. Whenever tooltipDataItem changes, an event […]