Change color of legend text

[Ian Leatherbury]

How can I change the text color of a legend?

XAML

<?xml version="1.0" encoding="UTF-8"?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="tryfsharpforms.CompareTwoStocksChartPage" 

xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms" >

<ContentPage.Content>

<chart:SfChart x:Name="Chart">

<!-- Primary Axis-->

<chart:SfChart.PrimaryAxis>

<chart:CategoryAxis LabelRotationAngle="-45">

<chart:CategoryAxis.Title>

<chart:ChartAxisTitle Text="Date" TextColor="White" />

</chart:CategoryAxis.Title>

</chart:CategoryAxis>

</chart:SfChart.PrimaryAxis>

<!-- Secondary Axis-->

<chart:SfChart.SecondaryAxis>

<chart:NumericalAxis>

<chart:NumericalAxis.Title>

<chart:ChartAxisTitle Text="Price" TextColor="White" />

</chart:NumericalAxis.Title>

</chart:NumericalAxis>

</chart:SfChart.SecondaryAxis>

<!-- Line Graph-->

<chart:SfChart.Series>

<chart:LineSeries StrokeWidth="2" ItemsSource="{Binding StockData1}" XBindingPath="Date" YBindingPath="Close" x:Name="series1" />

<chart:LineSeries StrokeWidth="2" ItemsSource="{Binding StockData2}" XBindingPath="Date" YBindingPath="Close" x:Name="series2"/>

<!--      End Line Graph-->

</chart:SfChart.Series>

<chart:SfChart.Legend>

<chart:ChartLegend ToggleSeriesVisibility="true" />

</chart:SfChart.Legend>

</chart:SfChart>

</ContentPage.Content>

</ContentPage>

C# 

public partial class CompareTwoStocksChartPage : ContentPage
{
public CompareTwoStocksChartPage (IEnumerable<Tuple<DateTime, decimal>> priceList1, IEnumerable<Tuple<DateTime, decimal>> priceList2, string ticker1, string ticker2)
{
InitializeComponent ();

Title = ticker1.ToUpper() + " vs " + ticker2.ToUpper();

BackgroundColor = MyColors.MidnightBlue;
series1.Color = MyColors.Turqoise;
series2.Color = MyColors.Carrot;

series1.Label = ticker1.ToUpper ();

series2.Label = ticker2.ToUpper ();


var svm = new StocksViewModel (priceList1, priceList2);
BindingContext = svm;
}

}

Screenshot. Pardon the size :-)

[Manivannan Elangovan]

Hi Lan,

Thanks for using Syncfusion products.

We have analyzed your requirement and we are able to achieve your requirement by using LabelStyle. To achieve this, we need to set TextColor of LabelStyle. Please refer the following code example for changing the legend text color.

Code Example:

<chart:SfChart.Legend>

     <chart:ChartLegend ToggleSeriesVisibility="true" >

          <chart:ChartLegend.LabelStyle>

                   <chart:ChartLegendLabelStyle TextColor="Red" />

          </chart:ChartLegend.LabelStyle>

    </chart:ChartLegend>

</chart:SfChart.Legend>

We have prepared a sample based on requirement and please download the sample from the below location.

Sample: LegendTextColor

Regards,
Manivannan.E

[Ian Leatherbury]

That was it, thank you!

[Manivannan Elangovan]

Hi Lan,

Thanks for the update. Please let us know if you have any query.

Regards,
Manivannan.E