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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Working example of a Sflinesparkline graph

Thread ID:

Created:

Updated:

Platform:

Replies:

148266 Oct 12,2019 02:08 PM UTC Oct 17,2019 11:25 AM UTC Xamarin.Android 4
loading
Tags: SfChart
Matthias Axt
Asked On October 12, 2019 02:08 PM UTC

Hi there

I am using vs 2017 and trying to create an app that visually displays data in a graph format.
This data originates from a Mqtt client subscribed to a broker. I've managed to get the data
and display it in a table. However representing the data graphically is the aim.
I have downloaded many examples but none of them seam to work.
Please help 

Rachel A [Syncfusion]
Replied On October 14, 2019 09:19 AM UTC

Hi Matthias, 
 
Greetings from Syncfusion. 
 
We have prepared the simple SfLineSparkline samples in both Xamarin Forms and Xamarin.Android platforms. Please find the links from below 
 
Xamarin.Forms sample link:  
 
Xamarin.Android sample link: 
 
Also, refer the below User Guide link for more information.  
 
We hope it helps you. 
 
Regards, 
Rachel. 


Matthias Axt
Replied On October 15, 2019 12:14 PM UTC

Thanks Rachel for your reply. I have changed to using a sfchart with a spline type allowing me multiple series. One question I do have is, why when using range padding numericalpadding additional does it always seem to pad more at the top than at the bottom. I would like to see the series in the middle of the range. Is that possible?


Hemalatha Marikumar [Syncfusion]
Replied On October 17, 2019 10:50 AM UTC

Hi Matthias Axt, 
 
Thanks for your update.

We have validated your query and you can achieve this requirement by setting the PlotOffset property to apply the padding to the plot area which is available in ChartAxis. Please refer below code snippet. 
  
Code Snippet[Xaml]: 
<chart:SfChart.SecondaryAxis> 
                <chart:NumericalAxis PlotOffset="30"> 
                </chart:NumericalAxis> 
</chart:SfChart.SecondaryAxis> 
  
Code Snippet[C#]: 
 chart.SecondaryAxis = new NumericalAxis() 
{ 
    PlotOffset = 30 
}; 
  
We have prepared sample based on your requirement and you can download the sample from the below link. 
  
Xamarin.Forms sample link:  
  
Xamarin.Android sample link: 
  
Screenshot: 
 
  
For more details please refer below UG and KB links. 
  
  
  
  
Please let us know if need any further assistance. 
  
Regards,
Hemalatha M. 


Lavanya Anaimuthu [Syncfusion]
Replied On October 17, 2019 11:25 AM UTC

Hi Matthias Axt, 
  
We have validated your query and you can achieve this requirement by setting the PlotOffset property to apply padding to the plot area which is available in ChartAxis. Please refer below code snippet. 
  
Code Snippet[Xaml]: 
  
<chart:SfChart.SecondaryAxis> 
                <chart:NumericalAxis PlotOffset="30"> 
                </chart:NumericalAxis> 
</chart:SfChart.SecondaryAxis>  
  
  
Code Snippet[C#]: 
  
chart.SecondaryAxis = new NumericalAxis() 
{ 
    PlotOffset = 30 
};  
  
  
We have prepared sample based on your requirement and you can download the sample from the below link. 
  
Xamarin.Forms sample link:   
  
Xamarin.Android sample link:  
  
Screenshot: 
 
  
For more details please refer below ug and kb links. 
  
  
 
  
Please let us know if need any further assistance. 
  
Thanks, 
Lavanya A. 


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon 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.Close Icon

Live Chat Icon For mobile
Live Chat Icon