Hi.
Probably an easy question, but trying for a while, searching in the doc and the forum, I could not find the solution.
When I use a legend in radchartview, it shows the items below each other (vertically). But I would like to show them next to each other (horizontally).
Among others, I tried:
this.radChartView2.ChartElement.LegendElement.TextOrientation = Orientation.Horizontal;
or
this.radChartView2.ChartElement.LegendElement.StackElement.TextOrientation = Orientation.Horizontal;
But it does not seem to work...
Thank you
6 Answers, 1 is accepted
Here is demonstrated a sample code snippet how to make the legend items horizontally aligned:
public RadForm1(){ InitializeComponent(); for (int i = 0; i < 10; i++) { BarSeries barSeries = new BarSeries("Performance", "RepresentativeName"); barSeries.LegendTitle = "Q"+i; barSeries.DataPoints.Add(new CategoricalDataPoint(177, "Harley")); barSeries.DataPoints.Add(new CategoricalDataPoint(128, "White")); barSeries.DataPoints.Add(new CategoricalDataPoint(143, "Smith")); barSeries.DataPoints.Add(new CategoricalDataPoint(111, "Jones")); barSeries.DataPoints.Add(new CategoricalDataPoint(118, "Marshall")); this.radChartView1.Series.Add(barSeries); } this.radChartView1.ShowLegend = true; this.radChartView1.ChartElement.LegendPosition = LegendPosition.Bottom; this.radChartView1.ChartElement.LegendElement.StackElement.Orientation = Orientation.Horizontal;}I hope this information helps. If you have any additional questions, please let me know.
Dess
Progress Telerik
Rank 1
Hello Dess,
thx for the quick answer, but I am still not sure how to implement this in my code:
this.radChartView2.Series.Add(ss);this.radChartView2.Series.Add(tpz);...this.radChartView2.ShowLegend = true;this.radChartView2.ChartElement.LegendPosition = LegendPosition.Bottom;this.radChartView2.ChartElement.LegendElement.StackElement.TextOrientation = Orientation.Horizontal;
I add two data series which are drawn in the radChartView-component, but the legend entries are shown vertically (see attached pic)
I have attached my sample project for your reference. Am I missing something? Do I need to perform any changes in order to replicate the undesired behavior you are facing?
I am looking forward to your reply.
Regards,
Dess
Progress Telerik
Rank 1
Hello Dess,
As I feared a simple mistake.
After reviewing your code in VS, I finally realized the difference, I used
this.radChartView2.ChartElement.LegendElement.StackElement.TextOrientation = Orientation.Horizontal;
with TextOrientation instead of Orientation only.
Sorry for overlooking that.
Many thx, problem solved
Rank 1
Please refer to the attached sample project in the reply from 04-Sep-2018. It demonstrates how to arrange the legend items horizontally:
I hope this information helps.
Regards,
Dess
Progress Telerik