Toggling multiple series with a single legend item

Type tutorial

This tutorial will show how you can toggle several Series at once, with a single Legend item. Base chart Let’s start with a basic chart with three Line series. Each Series has its own entry in the Legend. Click any of those will toggle its corresponding Series on and off. Suppose, we need to have […]

Truncating legend labels

Type tutorial

Sometimes chart legend can get out of control size-wise, especially if you have long labels. This tutorial will show how you can get it back in check by capping the length of its labels. The problem Long labels will bloat up legend size. This is especially prominent where chart size is not very big: Even […]

Using adapters to modify legend item appearance

Type tutorial

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. Prerequisites First of all, we’ll need to know what adapters are. Those are custom functions that you attach to an […]

Disabling toggling of items in Legend

Type tutorial

Normally a Legend will allow toggling of its items. This will also toggle related items, like chart’s Series. This tutorial will show how to disable this default functionality. To disable toggling of items, all we have to do is to make those items non-clickable. Legend’s items are stored in its itemContainers¬†template list. So all we […]

Chart Legend in an External Container

Type tutorial

This tutorial will show you how you can easily move your chart legend outside main container into a totally separate one. NOTE We’re going to be using Pie chart as an example in this tutorial. However, this applies to any other chart type that uses Legend. Base chart Let’s start with a basic Pie chart […]