Tag: api
- Placing labels anywhere on the chartFeatured
This tutorial shows how you can place arbitrary labels anywhere on the chart.
- Tracking Cursor's position via APIFeatured
This tutorial will explain how you can track Cursor's position within plot area, as well as map it to real values.
- Adding "Home" Button to Map Chart
Map Chart can be zoomed and panned. There is, however, no built-in "go home" button. This tutorial will show how to add one which resets map's zoom and position to initial state.
- Adding watermarks to charts
This tutorial will show how your can brand your charts using different kinds of watermarking techniques.
- Adding worksheets to Excel exportDemo
This demo will show how you can add additional worksheets to the data being exported to XLSX format.
- Allow just single series to be displayed at a timeDemo
This demo shows how we can use Legend's hit event to toggle other series off when one series is toggled on, making sure that there's only one series displayed at any given time.
- Animated rotation of the globe via APIDemo
This demo shows how we can animate rotation of a globe (MapChart with an Orthographic projection) by creating an animation for its deltaLongitude and deltaLatitude properties.
- Auto-adjusting chart height based on a number of data items
This tutorial will explain how you can easily make your chart grow or contract based on an actual number of data.
- Clickable chart thumbnailsDemo
This demo shows how we can use a custom function to defer chart instantiation and replace them with a thumbnail, which once clicked would be automatically replaced with a real chart.
- Context-sensitive tooltip that follows mouse cursorDemo
This demo shows how we can use cursorpositionchanged event to reposition the related tooltip to the exact cursor's position.
- Creating custom filters
amCharts 4 comes with a few basic rudimentary filters like "drop shadow", "desaturate", and a few others. However, you can do much much more with SVG filters. This tutorial will explain how you can create your own custom amCharts 4-compatible filter classes.
- Custom external legendDemo
This demo shows how we can use some custom code executed on chart load to build completely custom but interactive HTML-based legend for our chart.
- Custom Loading Indicator
This tutorial will show how you can create your own custom loading indicator over chart.
- Custom static multi-value tooltip
Its easy to consolidate a lot of data into a single tooltip that is displayed over Series using Cursor. We've covered it in this tutorial. But what if we don't want a huge square following our cursor, and would rather display that info in a fixed place in the corner? Read on, as we show you how.
- Disabling zoom and pan on a Map Chart
Normally, you can pan and zoom the Map Chart wit mouse and touch. This tutorial will explain how you can disable one or both of these actions.
- Drill-down Sankey Diagram
This tutorial will walk you through building a multi-level drill-down Sankey Diagram.
- Dynamically adding and removing Series
This tutorial will show how you can dynamically add and remove series to the chart.
- Enable dragging of ForceDirectedNode to fixed locationDemo
This demo shows how we can dynamically affix a ForceDirectedNode which was dragged by a user so that it stays permanently in the same place, by dynamically making it a "fixed node".
- Generating multi-content PDF export
This extensive tutorial will show how you can use pdfmake library, which is bundled with amCharts, to generate full page, multi-content report PDF documents.
- Generating static charts
Some dashboards require charts in them to be fully interactive. Some don't. Sometimes we wish to churn out charts to the screen as as quick as possible, and with as little memory footprint as possible. This tutorial will walk through the process of generating static SVG for charts using a single chart template.
- Highlight all polygons in Map Series on hover
This tutorial will show how you can highlight all of the polygons in the same series, when just one of those is hovered.
- 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.
- 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.
- 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.
- Map polygon hover via API
In most map setups, a polygon (country) will change color and show a tooltip with its name when hovered. This tutorial will show how you can "simulate" hover via API, without user actually interacting with the map.
- Map with Orthographic (globe) projection
This short tutorial will show how you can create a Globe out of your map using Orthographic projection.
- One pulled slice per Pie chart
Normally, when you click/tap a slice on a Pie chart, it would pull out a little. You can have multiple slices pulled out that way. This tutorial will show how you can set up Pie chart in order to allow only one slice to be pulled at any given time.
- 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.
- Positioning XY Cursor via API
Sometimes you might need to programatically position your chart cursor. This tutorial will show how.
- Pre-zooming an axis
This tutorial will explain how you can set up your charts to initialize pre-zoomed.
- Pre-zooming Map to a Country
You can pre-zoom the map to certain coordinates and level. If you don't want to do that, you can make the chart pre-zoom to a particular country. This tutorial will explain how.
- Pre-zooming Map to a list of countries
In this tutorial we explained how you can pre-zoom your map to a specific country. This tutorial builds on it to produce an example that pre-zooms the map to several countries.
- Resetting Map Position/Zoom
All Map Charts, unless disabled, can be panned and zoomed. This tutorial will explain how to reset map's position and zoom to its original state via custom button or API.
- Retrieving information of a clicked Map Object
In this tutorial we've seen how we can zoom in on a clicked country. We're going to build on that to retrieve information about clicked object.
- Selectively placing legend items in different containersDemo
This demo shows how we can selectively place chart legend's items into separate containers.
- Showing placeholder for empty Pie chart
- Togglable event markers using axis rangesDemo
This demo shows how you can use chart's API to toggle axis ranges on and off .
- 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 ForceDirectedNode via APIDemo
This demo shows how we can toggle ForceDirectedNode on and off using API functions hide() and show() on node's data 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.
- Trigger a replay of the chart initial animationsDemo
Most of the elements on a chart - e.g. series or chart itself - have appear() method. Calling it will re-play whatever animation was played when the chart was first loaded, for example series morphing into place. This demo showcases this functionality.
- Triggering map polygon tooltip via APIDemo
This demo shows how we can programatically trigger display of the rollover tooltip on a MapChart by setting respective polygon's isHover property.
- Using "fill rules" on a Date Axis
This tutorial will show how to highlight weekends on a Date Axis. It will explain how you can use custom function to force your own custom logic in determining what ranges of dates should be highlighted and how.
- 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 MapChart with Google Maps APIDemo
- Zooming axis via API / external scrollbar
The XYChart can be zoomed using built-in scrollbar controls or with a chart cursor. This tutorial will show how you can zoom the chart programatically using its API.
- Zooming to map area on click
This tutorial will show how you can set up your map to automatically zoom to an area (i.e. country) when user clicks on or taps it.