Show chart legend in multiple rows

Thread is closed for posting
2 posts, 0 answers
  1. Brandon
    Brandon avatar
    1 posts
    Member since:
    Sep 2011

    Posted 12 Oct 2011 Link to this post


    Currently i have a chart with its legends (total 5 items) displayed in 1 row at the bottom. See below code.

    I'm trying to put the legend at the right side of the graph, and outside plot area. After i changed the alignedposition to be right, all the legends (total 5 items) are shown in 1 row.
    e.g.,  - Series 1  - Series 2

    I want to display as those demos on Telerik website, each legend takes 1 row.
    • Series 1
    • Series 2

    ChartControl.Legend.Appearance.Location = Telerik.Charting.Styles.LabelLocation.OutsidePlotArea;
    ChartControl.Legend.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.AlignedPositions.Bottom;

    Please advise how to achieve it. Thanks,
  2. Evgenia
    Evgenia avatar
    1437 posts

    Posted 14 Oct 2011 Link to this post

    Hi Brandon,

    You can specify whether the legend items should be rendered in a single row or column via the RadChart.Legend.Appearance.Overflow property like this:
    PieChart1.Legend.Appearance.Overflow = Telerik.Charting.Styles.Overflow.Column;

    Best wishes,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top