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

Column width ChartRangeSeries

Hi,

I'm trying to reproduce the attached screen shot (.rar file) which shows a chart series that has very wide column widths and overlapping series. I am using Xamarin Forms xaml with ChartRangeSeries as in below code. I have tried using spacing and width variations on the series but cannot seem to get anywhere near this layout. Would you have any advice?

Best Regards,

Matt

              <chart:SfChart Grid.Row="0" x:Name="AChart" BackgroundColor="#EAF3FC" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">

                <chart:SfChart.PrimaryAxis>
                  <chart:NumericalAxis ShowMajorGridLines="False">
                    <chart:NumericalAxis.Maximum>
                      <x:Double>8.5</x:Double>
                    </chart:NumericalAxis.Maximum>
                    <chart:NumericalAxis.Minimum>
                      <x:Double>0</x:Double>
                    </chart:NumericalAxis.Minimum>
                  </chart:NumericalAxis>
                </chart:SfChart.PrimaryAxis>

                <chart:SfChart.SecondaryAxis>
                  <chart:NumericalAxis>
                    <chart:NumericalAxis.Maximum>
                      <x:Double>20</x:Double>
                    </chart:NumericalAxis.Maximum>
                    <chart:NumericalAxis.Minimum>
                      <x:Double>-20</x:Double>
                    </chart:NumericalAxis.Minimum>
                  </chart:NumericalAxis>
                </chart:SfChart.SecondaryAxis>

                <chart:SfChart.Series>
                  <chart:RangeColumnSeries
                      ItemsSource="{Binding CorrInBands0db1Waveform}" XBindingPath="X" High="Y" Low="Y2" Color="Blue">
                  </chart:RangeColumnSeries>
                  <chart:RangeColumnSeries
                      ItemsSource="{Binding DiffInBands0db1Waveform}" XBindingPath="X" High="Y" Low="Y2" Color="Red">
                  </chart:RangeColumnSeries>
                </chart:SfChart.Series>
              </chart:SfChart>

Attachment: chartexample_859762d.rar

1 Reply

SP Saravana Pandian Murugan Syncfusion Team April 27, 2017 12:55 PM UTC

Hi Matthew,

Thanks for your interest in Syncfusion components.

We are facing issues in Xamarin.Forms iOS platform while achieving your requirement. A support incident has been created under your account to track the status of the query 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.


Loader.
Live Chat Icon For mobile
Up arrow icon