Start/end labels on a scrollbar
Type
tutorial This demo shows how we can insert Label elements into a scrollbar to add start and end labels.
Left-aligning vertical axis labels
Type
tutorial Normally, the labels of the vertical left-side axis are right aligned. This demo will show how we can easily make them left-aligned instead. Code To make labels left-aligned, it’s enough to just override their horizontal center to their left: Demo
Start/end labels on scrollbar grips
Type
demo This demo shows how we can add labels on top of scrollbar grips, that show dates corresponding to their current positions.
Location of items on date axis and date-based series
Type
tutorial This combined tutorial examines at possible positioning of axis elements like grid, labels, and ticks as well as series data items in an XY chart scenario with a date axis and date-based data. Intro Location of axis elements (grid, labels, ticks) is determined by location and multiLocation settings. For a simplified explanation about those, visit […]
Aligning axis range labels
Type
tutorial Labels of an axis range are shown on the axis itself by default. This demo shows how we can put them on the opposite side of the plot area, or within it. Labels on opposite side To achieve the required result, we’ll need these steps: The code: The demo: Labels inside plot area We can […]
Auto-wrapping category axis labels
Type
demo This demo shows how we can use an adapter and oversizeBehavior on labels of a category axis, to make the auto-wrap automatically. The code Here’s the relevant code section: Example Related info Category axis docs Handling oversized labels Using adapters
Auto-wrapping legend labels
Type
demo This demo shows how we can use auto-wrapping on legend labels.
Totals on column stacks
Type
tutorial This tutorial will explain how we can place an automatically-calculated total on a stack of columns. Preparing value axis Normally, the chart would not calculate totals, saving CPU for us. We need to enable it by setting calculateTotals: true on our value axis: Adding a label bullet To place labels on or in a column, […]
Sum label inside a donut chart
Type
tutorial This tutorial will show how we can easily add some labels inside a donut chart to display complementing information, such as sum of values for all the slices. Adding a label Most of the elements in amCharts 5 is a Container, meaning it can contain other elements. Chart itself is a container. Series is a […]
Handling pie chart labels that don’t fit
Type
tutorial In some cases we will come across chart setups that will have their slice labels cut off, especially on smaller charts. This tutorial will look at few ways to handle those situations. The problem Pie chart does not factor in width of slice labels when sizing the pie itself. This means that on some smaller […]