Upon using radar series in both android and ios i have come across various issues.
Issue 1: The graph rendered is different in ios and in android.The value seems to be right in ios,However the graph seems to be shifted in android.
Issue 2:When the text length is very high in radarchart(using as one of the axes) the graph size seems to be greatly reduced.
Issue 3:When trying to scroll the page,it doesn't scroll(seen when enabletooltip is enabled).(The page doesnt scroll when scrolled on top of chart).
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:SyncfusionChartIssue"
xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms"
x:Class="SyncfusionChartIssue.MainPage">
<ScrollView>
<StackLayout>
<Frame Margin="10,50,10,10" BackgroundColor="#EAEAEA" HeightRequest="300">
<chart:SfChart>
<chart:SfChart.PrimaryAxis>
<chart:CategoryAxis LabelPlacement="BetweenTicks">
<chart:CategoryAxis.Title>
<chart:ChartAxisTitle/>
</chart:CategoryAxis.Title>
</chart:CategoryAxis>
</chart:SfChart.PrimaryAxis>
<chart:SfChart.SecondaryAxis >
<chart:NumericalAxis Interval="2" Maximum="10" Minimum="0">
</chart:NumericalAxis>
</chart:SfChart.SecondaryAxis>
<chart:SfChart.Series>
<chart:RadarSeries x:Name="Radar"
DrawType="Line"
XBindingPath="xValue"
YBindingPath="yValue" Color="#E8A42E" Label="Desired" EnableTooltip="True" >
</chart:RadarSeries>
</chart:SfChart.Series>
</chart:SfChart>
</Frame>
<Frame Margin="10,50,10,10" BackgroundColor="#EAEAEA" HeightRequest="300">
<chart:SfChart>
<chart:SfChart.PrimaryAxis>
<chart:CategoryAxis LabelPlacement="BetweenTicks">
<chart:CategoryAxis.Title>
<chart:ChartAxisTitle/>
</chart:CategoryAxis.Title>
</chart:CategoryAxis>
</chart:SfChart.PrimaryAxis>
<chart:SfChart.SecondaryAxis >
<chart:NumericalAxis Interval="2" Maximum="10" Minimum="0">
</chart:NumericalAxis>
</chart:SfChart.SecondaryAxis>
<chart:SfChart.Series>
<chart:RadarSeries x:Name="Radar2"
DrawType="Line"
XBindingPath="xValue"
YBindingPath="yValue" Color="#E8A42E" Label="Desired" EnableTooltip="True" >
</chart:RadarSeries>
</chart:SfChart.Series>
</chart:SfChart>
</Frame>
</StackLayout>
</ScrollView>
</ContentPage>
Mainpage.xaml.cs
public partial class MainPage : ContentPage
{
public class ChartModel
{
public string xValue { get; set; }
public double yValue { get; set; }
}
public ObservableCollection<ChartModel> Data { get; set; }
public ObservableCollection<ChartModel> Data2 { get; set; }
public MainPage()
{
InitializeComponent();
Data = new ObservableCollection<ChartModel>();
Data.Add(new ChartModel() { xValue = "Test Data 1", yValue = 4.2 });
Data.Add(new ChartModel() { xValue = "Test Data 2", yValue = 6.5 });
Data.Add(new ChartModel() { xValue = "Test Data 3", yValue = 1.2 });
Data.Add(new ChartModel() { xValue = "Test Data 4", yValue = 3.5 });
Radar.ItemsSource = Data;
Data2 = new ObservableCollection<ChartModel>();
Data2.Add(new ChartModel() { xValue = "Test Data 1 Test Data 1 Test Data 1", yValue = 4.2 });
Data2.Add(new ChartModel() { xValue = "Test Data 2 Test Data 1 Test Data 1", yValue = 6.5 });
Data2.Add(new ChartModel() { xValue = "Test Data 3 Test Data 1 Test Data 1", yValue = 1.2 });
Data2.Add(new ChartModel() { xValue = "Test Data 4 Test Data 1 Test Data 1", yValue = 3.5 });
Radar2.ItemsSource = Data2;
}
}
As the size of project showcasing the issue is over 30 mb.I have added a drive link.
Link:https://drive.google.com/file/d/0B8eBSTdIXJ_kRVZZRW5lQlZMaVU/view?usp=sharing