Sf Chart Possibility

[kishore]

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

Attachment: chart_1af2c927.rar

[Ashwin Kumaravel]

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.

Regards,
Ashwin k

[kishore]

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

[Ashwin Kumaravel]

Hi Kishore,

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

Regards,
Ashwin.k 

[kishore]

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:SfLinearGauge.Scales>

                                                    <linear:LinearScale MinimumValue="0" MaximumValue="1" Interval="0.1" ScaleBarColor="#D8D8D8" LabelColor="#212121" ScalePosition="BackWard" MinorTicksPerInterval="1" >

                                                        <linear:LinearScale.Ranges>

                                                            <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:LinearScale.Ranges>

                                                        <linear:LinearScale.MinorTickSettings>

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

                                                            </linear:LinearTickSettings>

                                                        </linear:LinearScale.MinorTickSettings>

                                                        <linear:LinearScale.MajorTickSettings>

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

                                                        </linear:LinearScale.MajorTickSettings>

                                                    </linear:LinearScale>

                                                </linear:SfLinearGauge.Scales>

                                            </linear:SfLinearGauge>

Attachment: k_b63e24ba.rar

[Ashwin Kumaravel]

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.

Regards,
Ashwin k

[kishore]

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

[Regina Mary R]

Hi Kishore, 

You are most welcome:) 

Regards, 

Regina