Tag: adapters
- Adaptive column corner rounding for positive and negative values
This tutorial will show how we can use adapters to selectively apply rounding to columns of the ColumnSeries based on their value.
XY - Column values on top of the chartDemo
This demo shows how we can use bullets and adapters to put actual values of series columns on top of the chart.
XY - 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.
All charts, XY - Consolidating values from multiple axes into a single tooltipDemo
If you have multiple axes and a chart cursor, each axis will get a tooltip when you hover plot area. This demo shows you you can use adapters to consolidate values from multiple axis' tooltips into one.
XY - Different column fill colors for positive and negative values
This tutorial will explain how you can use adapters to fill columns to different colors, based on their value.
XY - Different tooltip content per each level of Force Directed nodes
You can set what is displayed in a tooltip of ForceDirectedTree chart's nodes using its tooltipText property. However, the same information will be used across different levels of node tree. This tutorial shows how you can use adapters to differentiate tooltip content based on level of node.
Force Directed - 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.
XY - Exporting data for visible series only
Normally, using amCharts 4 data exporting functionality, the chart dumps all available source data. This short tutorial will show code which assures that only currently visible series data is exported.
All charts, XY - Exporting MapChart data
amCharts 4 exporting functionality can export not only visual representation of the chart, but also its data. However, for MapChart which does not have central or clear-cut data, it's disabled by default. This tutorial will show how you can re-enable selective data export for your maps.
Maps - 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.
Funnel - Handling repeating categories on Category Axis
Sometimes you will end up with an XY chart that has non-unique categories in its data. This tutorial will explain how to deal with such situation.
XY - Hiding non-integer labels on Value Axis
The granularity of Value axis labels depends on available space and some settings. Sometimes, when there's enough space, and the range of values is not great, the axis will throw in intermediate non-integer values as labels. This tutorial will show how to hide those non-integer labels.
XY - Labels outside Sunburst slicesDemo
These two demos show how we can use adapters to selectively display labels outside some of the Sunburst slices.
Sunburst - 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.
Force Directed - 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.
TimeLine - Multi-color XY heatmap
Normally, heatmaps that use "heat rules" are restricted to two colors as well as gradient in-between. In tutorial we'll see how we can use adapters to apply any number of colors to heat map based on source value.
XY - 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.
XY - Override CategoryAxis tooltip content with an adapterDemo
This basic demo shows how you can use an adapter on CategoryAxis tooltip label to modify it's content using chart data.
XY - Partial axis ranges on a RadarChartDemo
This demo shows how we can use radius and innerRadius adapters to create partial-radius axis ranges / fills on a RadarChart.
Radar - 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.
TimeLine, XY - Selectively offsetting axis labels
Normally, a chart will try to hide axis labels so they do not overlap. However, you might need them all displayed. One option is to rotate labels. Other option is discussed in this tutorial.
XY - 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.
Sankey diagram - 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.
TimeLine - 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.
XY - 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.
XY - Using adapters to apply corner radii based on valueDemo
Below are two demos that use adapters to modify radii of the ColumnSeries columns based on their value.
XY - Using adapters to modify legend item appearance
Normally the Legend will either display identical markers for all items, or make them look like their related series. This tutorial shows how you can use adapters to further customize each individual item in Legend.
All charts, XY - Using custom functions for data item grouping
In amCharts 4, DateAxis allows dynamic data item grouping. This tutorial will show how you can take this even further and use custom function to apply custom logic when calculating aggregate values for the groups.
XY - 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.
XY - Variable link widths in ForceDirectedTree
ForceDirectedTree is an exciting cool way to display relations between a number of entities. This tutorial will show how you can give those relations a quantitative value by applying custom width to each individual link.
Force Directed