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.