Tag: data
- 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.
- Building drill-down maps
In this tutorial we'll look at techniques for building various map-based drill-down scenarios.
- Exporting data from a Word CloudDemo
Normally, WordCloud chart does not have data to export. This demo shows how we can use an adapter to enable data export.
- Gaussian curve with XYChartDemo
This demo shows how we can calculate a gaussian curve data to draw using LineSeries out of source data.
- Integrating with WebDataRocks
This short intro tutorial will show how to connect your data stream with client-side grid library - WebDataRocks - and use it to visualize in amCharts 4.
- Manipulating chart data
Each chart type in amCharts family has a specific requirement for structure its data should come in. Mostly it comes in a form of an array of objects. However sometimes you don't have control over format of source data. This tutorial will explore how we can pre-process data to reshape it into an amCharts-suitable form.
- 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.
- Pagination of date-based dataDemo
This demo shows how we can chunk up a multi-month data into "pages", as well as create pagination controls to iterate between them.
- 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.
- Pre-hiding Pie Chart Slices
Sometimes you will have a Pie chart with a lot of slices. This tutorial will teach how to automatically pre-hide some of them using "data fields" and data.
- Showing placeholder for empty Pie chart
- 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.
- Syncing chart data with table/grid
This tutorial will look at ways on how we can grab chart data and display it in an HTML table. We will then build on it to enhance for display in a Grid component. Finally, we'll make chart data sync up with editable grid.
- 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.
- 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 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.