Tag: series
- "3D" line series
This tutorial will show how you can easily create a "3D stack" effect on regular LineSeries.
- A simple Histogram chartDemo
This demo shows how we can take an array of plain values, and build a Histogram chart - a distribution of values as a column series.
- 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.
- Clustering groups of non-clustered columnsDemo
This demo shows how we can separate non-clustered columns into separate non-overlapping groups, using their "data item locations".
- Combining local data from multiple series for exportDemo
In amCharts 4 each series can have its own data (set via own data property). Such data will not be exported using exporting functionality. This demo shows how we can use export's data adapter to combine local data from multiple series in export.
- Combining map polygon series to create grouped outlines
This tutorial will show how we can combine two MapPolygonSeries using different geodata granularity to create outlines for groups of smaller areas.
- Controlling fill direction of a Line series
Normally, a Line series with fill enabled, will fill any space between itself and a horizontal "zero line". This tutorial will explore, how we can tame it to our specific needs.
- Creating Pie Series Animations
By default (if you are using "animated" theme), Pie series will fade in when chart initializes. Let's explore how we can fancy-up those animations.
- Creating trend lines
Sometimes, on charts, the general appearance of the series does not make data tendencies very prominent. In those situations, you might want to add trend lines that explain the general dynamics. This tutorial explains, how you can use generic Line series as trend lines.
- Custom polygons on Map Chart
If you are working with Map Chart, you're probably already familiar with MapPolygonSeries thatr get their geographical data from loaded map file, or "geodata". However, Map polygons are not limited to this source of data. You can draw any shape and polygon on the map using in-line lat/long coordinates. This tutorial will show how.
- Disabling XY series initial animations
By default, when "animated" theme is enabled, all XY series will show initial animation, growing from zero to their absolute values. This tutorial will show how you can disable that effect, without interfering with the rest of the animations.
- Do not show tooltip for zero-value columnsDemo
This demo shows how we can use adapters to selectively disable cursor tooltips on columns with zero-value.
- Draggable series axis rangesDemo
This demo shows how we can create a "series axis range" and make it draggable, dynamically adjusting threshold lines and respective series fills.
- Dynamically adding and removing Series
This tutorial will show how you can dynamically add and remove series to the chart.
- Gantt chart with columns that span multiple categoriesDemo
This demo shows how we can use multiple series to simulate multi-category bars on a Gantt chart.
- Grid over Series
Chart grid belongs in the back - behind all other chart elements. However sometimes, you might want to take them the front seat. This short tutorial will show you how.
- Hiding Small Pie Slices
Pie chart sizes its slices proportionally, based on the relative values. Sometimes that means that we end up with a chart that has a bunch of small-value slices that are barely visible, but clutter up the chart.
- Highlighting column series on legend click
During the course of this tutorial we'll modify the functionality of the legend from toggling series on and off, to rather highlighting it.
- Highlighting regions of a scatter chartDemo
This demo shows how we can add an extra series to highlight multiple regions of a scatter chart (XYChart).
- Individual legend item for each column
Normally on an XY Chart, Legend creates a single item for each Series. This brief tutorial will show how you can create custom legend which will show an item for each individual column in a single Column series.
- Individual thresholds for columns
This tutorial will show how you can use additional series to apply individual thresholds to columns in a ColumnSeries.
- Lighten fill color for each level of Force Directed Tree
This short but useful tutorial will show how you can automatically make node fill color lighter with each subsequent level of a nodes with each subsequent level in a Force Directed Tree.
- Managing width and spacing of Column Series
By default ColumnSeries will size its columns so they are both as wide as possible, while maintaining some spacing between individual columns in clusters and between categories/cells. This tutorial will explain how we can manipulate width and spacing of the columns.
- Multi-series shared tooltip with colored bulletsDemo
This demo shows how we can use an adapter for series' tooltipText property, in-line text formatting, and cursor's maxTooltipDistance to build a single universal tooltip that displays values from all series, complete with colored bullets.
- Multiple cursor tooltips on scatter chart
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.
- Ordering zIndex of series lines and bullets
This tutorial will show how you can control layout and ordering of LineSeries lines and their bullets.
- Overlaid column series
This tutorial will show how you can leverage a number of settings on Series and Axes to create offset/overlaid columns effect.
- Plotting series from calculated values
In XYChart we are used to plot series from the values that appear in data. This tutorial will show how we can plot from other auto-calculated values such as percent or change.
- Plugin: Regression trend lines
This tutorial will explain how you can use Regression plugin (available since version 4.2.2) to display automatically-calculated regression trend lines.
- Serpetine TimeLine with arrowsDemo
This demo shows how we can add Triangle objects as bullets on a TimeLine chart, then use adapters to conditionally rotate them to create directional arrows.
- 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 stack total in CategoryAxisDemo
This demo shows how we can create a separate Series with label bullets to show stack total right to a CategoryAxis label.
- Stacked column series with rounded corners
This quick tutorial shows how you can inventively use adapters to apply custom formatting options to stacks of columns.
- SVG bullets with custom path and colorsDemo
This demo shows how we can use custom bullets with path set and "property fields" to bind each individual color to data.
- Taming Candlestick Series
Candlesticks are a good way to depict data dynamics using variety of metrics. Instead of single value - used on most series - candlesticks use four: open, high, low, and close. This tutorial will explain how to set up and configure Candlestick series.
- Taming the Step Line Series
Normal Line series on an XY chart usually connect data items with a straight line. Step line series are similar, except they connect the data items with a step. This tutorial will show how you can tweak the steps to suit your needs better.
- Toggle series on multiple charts using same LegendDemo
This demos shows how we can sync up toggling of matching series across multiple charts using single legend.
- Toggling multiple series with a single legend item
This tutorial will show how you can toggle several Series at once, with a single Legend item.
- Toggling series via API
Need to toggle series on and off via code? This short tutorial will show how.
- Toggling stack typeDemo
This demo shows how we can toggle stack types from absolute to 100% dynamically via external controls using chart API.
- 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.
- Using actual images in MapImageSeries
In our main Map Chart article we have touched the topic of creating an image series, feeding them data, and positioning them. However, we were operating using plain, same shapes. This tutorial will show how we can use actual images as markers on the map.
- Using adapters for value-sensitive bullet adjustments
If your chart uses bullets - either as shapes or text labels - you might find yourself in situations where you might need to adjust certain aspect of bullet based on specific value or value change. It might be alignment of a label, or a color of dot.
- Using Circle Bullets
As you may already know from "Bullets" tutorial, a bullet in amCharts 4 can be anything. This tutorial explores how we can can quickly add and configure certain bullet type - Circle bullet.
- Using custom map zoom settings for individual countries
Our Map Chart allows zooming directly to a specific polygon (country). However, for some countries, automatically-calculated zoom settings might not cut it. This tutorial will explain how you can use Polygon series data to override default zoom settings with custom ones.
- Using Error Bullets
Error bullets are special kind of bullets that help illustrate error margin for the particular series value. This tutorial will explain how you can add those to amCharts 4 series.
- 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.