RadPieChart both can display a legend annotating each of the series or datapoints within the chart. In this article you will learn how to show a legend in your chart and how to customize its behavior and appearance.
To define a legend in your chart you need to use the
<RadLegendView tkCartesianLegend position="Top" title="Series type" height="150" enableSelection="true"></RadLegendView>
position- used to define the position of the legend. Possible values for this property are defined by the
horizontalOffset- used to define a horizontal offset for the legend. This offset is calculated considering the currently set
verticalOffset- used to define a vertical offset for the legend. This offset is calculated considering the currently set
offsetOrigin- used to define the point relative to which the offsets are calculated. Possible values for this property are defined by the
title- used to define a title for the legend
titleColor- used to define the text color of the legend title
titleSize- used to define the text size of the legend title
enableSelection- determines whether Series or DataPoints in the Chart are automatically selected upon tapping on an item in the Legend
Here's a full example of a chart with a legend set on it:
The following images demonstrate how this setup looks like in a running application:
Want to see this scenario in action? Check our Angular SDK examples repo on GitHub. You will find this and many other practical examples with NativeScript UI.