The TooltipTemplate absorbs touch events on windows (works on android, did not try on iOs) and does not pass the event to the button, I also tired with a Label +
TapGesture without success. Notice that the same template works with SfCircularChart.
Sample code:
using CommunityToolkit.Maui.Markup;
using CommunityToolkit.Mvvm.Input;
using Syncfusion.Maui.Charts;
using System.Diagnostics;
using System.Windows.Input;
namespace MyNamespace;
public class MySfCartesianChart: SfCartesianChart
{
public MySfCartesianChart()
{
XAxes.Add(new CategoryAxis
{
Title = new ChartAxisTitle().Bind(ChartAxisTitle.TextProperty, nameof(MyChartViewModel.XAxisTitle)),
});
YAxes.Add(new NumericalAxis
{
Title = new ChartAxisTitle().Bind(ChartAxisTitle.TextProperty, nameof(MyChartViewModel.YAxisTitle))
});
this.Series = new ChartSeriesCollection
{
new ColumnSeries
{
XBindingPath = nameof(MyChartItemViewModel.X),
YBindingPath = nameof(MyChartItemViewModel.Y),
EnableTooltip = true,
TooltipTemplate = new DataTemplate(() => new Button
{
BackgroundColor = Colors.White,
TextColor = Colors.Black,
}
.Bind(Button.TextProperty, $"Item.{nameof(MyChartItemViewModel.Label)}")
.Bind(Button.CommandProperty, $"Item.{nameof(MyChartItemViewModel.ShowCommand)}"))
}
.Bind(ChartSeries.ItemsSourceProperty, nameof(MyChartViewModel.Items))
};
this.BindingContext = new MyChartViewModel();
}
}
public class MyChartViewModel
{
public string XAxisTitle { get; set; } = "X axis";
public string YAxisTitle { get; set; } = "Y axis";
public MyChartItemViewModel[] Items { get; set; } = new MyChartItemViewModel[]
{
new MyChartItemViewModel
{
X = "Item 1",
Y = 1,
},
new MyChartItemViewModel
{
X = "Item 2",
Y = 3,
},
new MyChartItemViewModel
{
X = "Item 3",
Y = 2,
}
};
}
public class MyChartItemViewModel
{
public string X { get; set; }
public double Y { get; set; }
public string Label => $"{X} - {Y}";
public ICommand ShowCommand => new RelayCommand(() =>
{
Debug.WriteLine("clicked!"); // never called on windows
});
}
