Reversing the order of Legend items

Type tutorial

This short tutorial will show how you can easily reverse the Legend items. Reversing item order Reversing the order of items is as easy as setting reverseOrder = true on your legend: Example

Custom external legend

Type demo

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.

Legend markers as checkboxes

Type demo

By default legend displays its markers as squares or mini versions of series. This demo shows how we can replace them with checkboxes.

Custom-ordered legend items

Type demo

This demo shows how we can use events to dynamically re-arrange Legend items per our completely custom criteria.

Activate/deactivate a pie slice on legend click instead of toggling

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 […]

Multi-color XY heatmap

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 […]

Map heat legend with real start/end value labels

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 […]