Customizing the Legend

The Legend in the Shield UI charting component is highly customizeable.
One can adjust the position, as shown in the code snippet below:

.ChartLegend(legend => legend
       .Align(Shield.Mvc.UI.Chart.Align.Right)
       .VerticalAlign(Shield.Mvc.UI.Chart.VerticalAlign.Top)
       .RenderDirection(Shield.Mvc.UI.Chart.Direction.Vertical))

Additionally, one can adjust the border properties for the legend:

.ChartLegend(chartLegend=>chartLegend
        .Enabled(true)
        .BorderRadius(2)
        .BorderWidth(2)

Additionally, one can include settings for the individual items in the
legend (representing the series), through the .LegendItemSettings property.