Tag: labels
- Placing labels anywhere on the chartFeatured
This tutorial shows how you can place arbitrary labels anywhere on the chart.
- Adding chart titles and bottom text
This short tutorial shows how you can add arbitrary text labels to the top or bottom of the chart, that will automatically adjust the size of the chart itself.
- Automatic labels over map polygons
During the course of this article we're going to learn how to automatically place labels over map polygons, as well as make them positioned just the right way.
- Automatically resize label to fit donut inner radiusDemo
The inner space of a donut chart is a place that can store some information. However, donut itself being sized relatively, might render that information not fitting. This demo shows how it's possible to resize the label inside donut to always fit the inner radius.
- Axis labels at arbitrary values on GaugeChartDemo
Normally, an axis on a GaugeChart will place labels at convenient intervals - so they are not too crammed and not too sparse. It will depend on actual chart size. However, in some case you might want to place labels at exact values, no matter what. This demo will show how you can disable axis labels altogether and place axis range labels at precisely the values you need them to appear at.
- Column labels as categories
This tutorial will explain how individual column labels (bullets) can be used as Category axis labels.
- Curved Pie Chart Labels
Normally, labels for Pie chart's slices are horizontal, and either arranged in columns or attached to the slice itself. This tutorial will show how you can make labels curve along the outer edge of the slice.
- Dealing with PieChart labels that don't fit
We've all been there: creating a Pie chart with labels a tad too long to fit. This tutorial lists a few things you can do to work around it.
- Force the first and last labels on axisDemo
These two demos show how you can use events, axis ranges, and some setting combination to automatically force showing first and last labels on ValueAxisand DateAxis, even if they fall on non-equal increments, and maintain them across zooms.
- Funnel chart with relative percent in labels/tooltipsDemo
Normally, Funnel chart calculates and shows percentage of each slice based on its value in comparison to the sum of all values. This demo shows how we can use adapters to calculate percentage based on the first slice value, rather than the sum.
- Handling long Sankey labels
By default, labels on a Sankey Diagram will be truncated with an ellipsis if they are longer than 150 pixels. This tutorial explores other options for handling long labels.
- Hide or relocate label bullets for small columnsDemo
This demo shows how label bullets can automatically be hidden or relocated for small columns.
- Highlighting column on axis label clickDemo
This demo shows how we can add hit events to CategoryAxis labels, so that we can highlight respective column by applying active state to it.
- Labels at the bottom of the GaugeChart axisDemo
This demo will show how you can place the labels below both ends of the GaugeChart's axis.
- Labels inside Pie chart slices
Normally, Pie chart positions its slice labels in neat columns to the left and right of the pie. As a space-saving tip, this tutorial shows how to arrange them inside slices.
- Labels outside Sunburst slicesDemo
These two demos show how we can use adapters to selectively display labels outside some of the Sunburst slices.
- Making CurveChart labels follow axis angle
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.
- MapChart with Bubbles and LabelsDemo
This quick demo will show how you can use heat rules to place bubbles and related labels on a MapChart.
- PieChart with too many slices
If we are using Pie charts, once in a while we end up with one that has simply too many slices. This tutorial will look at some basic ways to make it less awkward.
- Selectively positioning Sankey diagram labels
It's possible to selectively specify the location of Sankey diagram labels, based on the position of their parent Nodes. This tutorial will show how.
- Show last value at the end of LineSeriesDemo
This demo shows how we can make LineSeries show its last value using two approaches: as a label next to bullet, and as an axis range with a label.
- Show only first and last labels on Gauge Chart
This quick tutorial will explain how you can limit your Gauge chart axis to showing only its first and last labels.
- Sum label inside a donut chart
The defining characteristic of each donut, including donut charts, is its hole. It's a space that can be used for good. This tutorial will show how we can easily add some labels inside it to display complementing information, such as sum of values for all the slices.
- Tackling label background
In amCharts 4, labels - be it bullets, axis values, or just about any other text - are not limited to just font size and color. This tutorial will show how you can set background color and shape for them as well.
- Titles on top of vertical (value) axis
Adding titles to axes is easy - just use axis' title property. It will add a vertical or horizontal title next to axis depending on its position. However, you might want to place axis label directly on top of the vertical axis. This tutorial will show how.
- Totals on column stacks
Building column stacks is easy: just set stackable = true on each column series. This tutorial will show how we can display automatic total value of the whole stack on top of it.
- Truncating legend labels
Sometimes chart legend can get out of control size-wise, especially if you have long labels. This tutorial will show how you can get it back in check by capping the length of its labels.
- Using axis ranges to place labels at arbitrary values or dates
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.
- Using curved labels
In amCharts 4 any SVG label can follow any curve. This tutorial will explain how it works and how you can spice up the look of your charts in various situations, using curved labels.
- Using label bullets on a horizontal bar chart
This tutorial will show how you can use LabelBullet to decorate your horizontal bar chart with data labels.
- Using Material iconsDemo
This demo shows how you can use html property of any label in amCharts 4 to display Material icons.
- Using percent values in series
In our everyday charting we mainly use absolute values. However, sometimes we might need to show how specific value relates to other elements. In this case relative percent value is much more representative than absolute one. This tutorial will explain ways we can use such relative values.
- Using superscript and subscript in labels
This short tutorial will show how you can make parts of any label super- or sub-script using amCharts 4's in-line text formatting syntax.
- Wrapping, truncating, and auto-rotating axis labels
This tutorial will explain how you can deal with very long axis labels, by wrapping and/or truncating them.