Type tutorial
Normally, when you click an item in PieChart’s legend, relative slice is hidden or revealed. This quick tutorial will show you how to make the slice activate/deactivate (pull out/in) instead. Setting up To make this work we’ll have to do two things: Disable regular toggling of the items. Add custom event that toggles isActive state […]
Type tutorial
Normally, all initialized Value Axes are shown, even if they do not have any visible Series attached to them. This also means that when Series is toggled off, the related Value Axis will remain. This tutorial will show how we can toggle axes off together with Series. The problem Let’s take a simple multi-series multi-axes […]
Type tutorial
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. Tooltip content As we already mentioned above, to […]
Type tutorial
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. The task During the course of this tutorial we’ll transform the chart to color columns in series […]
Type tutorial
A Heat legend uses regular axis to display value range/scale. For narrower setups it might mean that there are not real start/end labels. This tutorial will show how to remedy that. Problem HeatLegend uses real ValueAxis to display value labels. Value axis come with its certain logic how labels are spaced, positioned, and rounded to […]
Type tutorial
Tooltips are used in a number of places to provide contextual information on a hovered/tapped object, like a Slice of a Pie Chart, or a country on a map. By default, tooltips are completely static with no way to interact with them. This tutorial will explain how you can make them interactive, adding clickable links […]
Type tutorial
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. Base map Here’s what we are going to start with. The map below has already set up states […]
Type tutorial
When XYChart is zoomed in, a small round button appears in the corner to indicate that only partial data is show, and to provide means to zoom back out. This tutorial will show how you can configure, or outright disable this control. Button element The zoom out button is accessible via chart’s zoomOutButton property. It’s […]
Type tutorial
Some countries, like New Zealand have islands across that line. This causes the “over the line” parts to be “wrapped” and drawn all the way to the right of the map area. This may not be an issue on a world map, but might look a bit odd for a country only map. The issue […]
Type tutorial
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. Disabling Disabling this initial effect is easy: each series has a setting showOnInit. The “animated” theme […]