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.
Unfortunately, activation email could not send to your email. Please try again.

Issue with Radar Chart

Thread ID:

Created:

Updated:

Platform:

Replies:

130225 Apr 29,2017 04:45 AM May 2,2017 11:59 AM Xamarin.Forms 2
loading
Tags: SfChart
Samir Asaf
Asked On April 29, 2017 04:45 AM

Hi,
       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).

Xaml Code:
MainPage.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"
             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
The attached file is the same project with the issue(dlls has to be added)


Samir Asaf
Replied On April 29, 2017 04:50 AM

Attached file
Attachment: Chart_47447bc9.zip

Saravana Pandian Murugan [Syncfusion]
Replied On May 2, 2017 11:59 AM

Hi Samir,

Thanks for your interest in Syncfusion components.

A support incident has been created under your account and we request you to login into our Direct Trac support system for further updates on this issue. Our Direct Trac support system can be accessed from the following link:

Link: https://www.syncfusion.com/account/login?ReturnUrl=%2fsupport%2fdirecttrac%2fincidents  

Regards,
Saravana Pandian M.


CONFIRMATION

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.

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.

;