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. Image for the cookie policy date
close icon

Sf Chart Possibility

Just Wanted to know if a chart like this is possible to be created with sf charts.

Attachment: chart_1af2c927.rar

7 Replies

AK Ashwin Kumaravel Syncfusion Team March 21, 2017 10:32 AM UTC

Hi Kishore,

Query:”Need to achieve linearGauge like in the attached screenshot”

We have validated your query and prepared a sample using Linear Gauge in xamarin platform. Please find it in the below link.

Sample Link-LineargaugeSample

Please let us know if you have any concerns on this.

Ashwin k

KI kishore March 21, 2017 11:53 AM UTC

Yes, This is working as expected.Thanks to Syncfusion Team for your timely and accurate response.

AK Ashwin Kumaravel Syncfusion Team March 22, 2017 06:12 PM UTC

Hi Kishore,

We are glad to know that you have met your requirement.Please let us know if you have any concerns on this.


KI kishore March 27, 2017 06:27 AM UTC

Again thanks for the help.How ever i found that while getting scale value below 1, it just shows 0.2 0.4 etc as just 0 alone.

The xaml i used

  <linear:SfLinearGauge  Grid.Row="1" BackgroundColor="White" Orientation="OrientationVertical"  HeightRequest="300">


                                                    <linear:LinearScale MinimumValue="0" MaximumValue="1" Interval="0.1" ScaleBarColor="#D8D8D8" LabelColor="#212121" ScalePosition="BackWard" MinorTicksPerInterval="1" >
                                                            <linear:LinearRange StartValue="0" EndValue="{Binding Rating1}" Color="#F8A443" StartWidth="10" EndWidth="10" Offset="0"></linear:LinearRange>
                                                            <linear:LinearRange StartValue="0" EndValue="{Binding Rating2}" Color="#6EB339" StartWidth="10" EndWidth="10" Offset="0"></linear:LinearRange>
                                                            <linear:LinearTickSettings Length="10" Color="#747474">


                                                            <linear:LinearTickSettings Length="10" Color="#747474" Thickness="3" ></linear:LinearTickSettings>

Attachment: k_b63e24ba.rar

AK Ashwin Kumaravel Syncfusion Team March 28, 2017 04:19 PM UTC

Hi Kishore

Sorry for the inconvenience caused.

We are able to reproduce the reported issue “Labels are not rendering properly if interval is given in decimal value" at our end. We have logged bug report for the same.
The patch for the fix will be included in our upcoming 2017 Volume 2 release which is expected to be rolled out by the mid of April.

Ashwin k

KI kishore March 29, 2017 08:09 AM UTC

Thank you for your response.Looking forward for the fix in the next release  :)

RM Regina Mary R Syncfusion Team March 31, 2017 04:53 AM UTC

Hi Kishore, 
You are most welcome:) 

Live Chat Icon For mobile
Up arrow icon