Legend text color
Hi, I am having a hard time making this work. I copied the code from the example mentioned above to make an item template, but the label text binding does not appear to be working.
In the attached picture note that the "ChartSeriesName" property is properly bound and displays in the view outside the chart.
However when used in the DataTemplate it does not display.
Is there a more complete example to look at so I can see what I am doing wrong?
Hello, that worked! Thank you for the help.
I am now having another issue, and I'm not sure if this is related, or belongs under a new topic. There seems to be an issue binding the "IsVisibleOnLegend" property of the series.
In the image below not that I am printing out the value of the "LineSeriesChartVisible" and "ColumnSeriesVisible" bound variables. The legend for the column series is NOT displaying.
If I hardcode the property in xaml to "true" the legend does display as shown below.
According to the documentation, it appears this should be a bindable property: https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html?tabs=tabid-9%2Ctabid-11%2Ctabid-5%2Ctabid-7%2Ctabid-18%2Ctabid-1%2Ctabid-16%2Ctabid-20%2Ctabid-14%2Ctabid-13%2Ctabid-3
I tried to get your example to run for hours, but Visual Studio 2022 kept hanging on the build. I tried all the usual tricks, but couldn't get it to run and started bringing the example code into a new project. I was able to replicate the behavior I was seeing by making some modifications to it. I could share this new project, but it has my license information associated with it. I will try and paste the relevant code below instead.
I declared the two properties:
[ObservableProperty] bool lineSeriesVisible;
[ObservableProperty] bool columnSeriesVisible;
I simulated an async load of data with a timer in the constructor:
public HomeViewModel()
{
PageTitle = "Home View";
_loadTimer = new System.Timers.Timer();
_loadTimer.Interval = 1000;
_loadTimer.Elapsed += _loadTimer_Elapsed;
_loadTimer.AutoReset = false;
_loadTimer.Start();
}
private async void _loadTimer_Elapsed(object? sender, System.Timers.ElapsedEventArgs e)
{
ChartSeriesName = "Column Series";
await GetChartData();
}
Then in GetChartData() I set the visibility of the Column:
public async Task GetChartData()
{
LineSeriesVisible = false;
ColumnSeriesVisible = true;
Data = new ObservableCollection()
{
new Person { Name = "David", Height = 0.170 },
new Person { Name = "Michael", Height = 0.06 },
new Person { Name = "Steve", Height = 1.65 },
new Person { Name = "Joel", Height = 2.182 },
new Person { Name = "Bob", Height = 0.134 }
};
await Task.CompletedTask;
}
In this case, the chart legend does not show:
Attachment: HomeViewModel_e7de7a2f.zip
