We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to Wrap Legends in Lineseries Chart?

Thread ID:





115931 Feb 27,2014 03:52 PM UTC Mar 4,2014 03:57 PM UTC Windows Phone 5
Tags: SfChart
Q. Xu
Asked On February 27, 2014 03:52 PM UTC

I want to add many Lineseries in SfChart and set their Label too. It looks like that SfChart.Legend displays all legends in one line and does not wrap them. How can I wrap the legends? Thanks very much!
Attachment: Legend_Chart_76cbe07.zip

Karthikeyan V [Syncfusion]
Replied On March 3, 2014 06:15 AM UTC

Dear Customer,


Thank you for using Syncfusion products.


We have analysed the reported requirement. You can achieve your requirement by setting the custom panel in legend items panel.


Code snippet [XAML]:






                     <toolkit:WrapPanel Orientation="Horizontal" />




Note: please install the windows phone toolkit in your machine , then only we can use the wrap panel. Please follow instruction for installation in provided link:




Please let us know if you require further assistance on this.



Karthikeyan V.

Q. Xu
Replied On March 3, 2014 05:43 PM UTC

Thanks very much. It works perfectly.

Q. Xu
Replied On March 3, 2014 06:11 PM UTC

I have another question. It looks there are only Ten colors for Legend/LineSeries. If there are more than ten Legends/LineSerieses, some Legends/LineSerieses have the same color and can not be distinguished. Any idea? Thanks very much!

Karthikeyan V [Syncfusion]
Replied On March 4, 2014 12:39 PM UTC

Dear customer,

Thanks for the update.

We have analysed the report requirement. You can achieve by setting the Interior property in each series and this interior property reflect to legend also.

Code snippet [XAML]:

<chart:FastLineBitmapSeries Interior="Green" />

<chart:FastLineBitmapSeries Interior="Blue" />

Please let us know if you require further assistance on this.


Karthikeyan V.

Karthikeyan V [Syncfusion]
Replied On March 4, 2014 03:57 PM UTC

Dear customer,

We can also able to achieve this requirement with help of ColorModel property in SfChart. Please find the code snippet about this.

Code Snippet [XAML]:

<chart:SfChart Palette="Custom" ">




                        <SolidColorBrush Color="#F02B2C"/>

                        <SolidColorBrush Color="#FF3B5C"/>

                        <SolidColorBrush Color="#F16B3C"/>

                        <SolidColorBrush Color="#FF6B6C"/>

                        <SolidColorBrush Color="#F0FB8C"/>

                        <SolidColorBrush Color="#F02B2C"/>

                        <SolidColorBrush Color="#FF3B5C"/>

                        <SolidColorBrush Color="#F36B3C"/>

                        <SolidColorBrush Color="#F4FB6C"/>

                        <SolidColorBrush Color="#F56B8C"/>




Please let us know if you require further assistance on this.


Karthikeyan V.


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon