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

StackingColumnSeries with a DateTimeAxis?


I'm trying to create a StackingColumn chart with a DateTimeAxis as PrimaryAxis. I can't get it to work. 

With a CategoryAxis (and ChartDataPoint(string, double)) it works partially. The value on the axis are all 0 iso the string value I put in the chartdatapoint, but it shows the StackingColumn. When I use the DateTimeAxis the values on the Axis are shown correctly but not stacked. The Xaml code I use looks like this:
      <chart:DateTimeAxis IntervalType="Minutes" ShowMajorGridLines="True">
            <chart:ChartLineStyle StrokeWidth="1" StrokeColor="#7EDBDBDB" />
            <chart:ChartAxisTitle Text="Tijd" TextColor="{x:Static local:ColorResources.AccentColor}" />
            <chart:ChartAxisLabelStyle LabelFormat="mm" TextColor="{x:Static local:ColorResources.AccentColor}" />
<chart:ChartAxisTitle Text="Tijd" TextColor="{x:Static local:ColorResources.AccentColor}" />

            <chart:ChartAxisLabelStyle TextColor="{x:Static local:ColorResources.AccentColor}" />
<chart:ChartAxisTitle Text="Aantal" TextColor="{x:Static local:ColorResources.AccentColor}" />
           <chart:ChartAxisLabelStyle TextColor="{x:Static local:ColorResources.AccentColor}" />
      <chart:StackingColumnSeries Label = "Goed" ItemsSource = "{Binding AantalGoed}" Color = "Green" />  
    <chart:StackingColumnSeries Label="OK" ItemsSource="{Binding AantalOk}" Color="Yellow" />           
      <chart:StackingColumnSeries Label = "Fout" ItemsSource = "{Binding AantalFout}" Color = "Red" />

The code in the view model is as follows:
if (App.CurrentData.Samples.Count > 0) {
DateTime dt = App.CurrentData.Samples [0].DatumTijd;
int count = 0;
foreach (var sample in App.CurrentData.Samples) {
count += 1;
if (count < 15) {
double dAantalGoed = 0;
double dAantalOk = 0;
double dAantalFout = 0;

foreach (var type in sample.Messages) {
dAantalGoed += type.AantalGoed; 
dAantalOk += type.AantalOK; 
dAantalFout += type.AantalFout; 

_AantalGoed.Add (new ChartDataPoint (sample.DatumTijd, dAantalGoed));
_AantalOk.Add (new ChartDataPoint (sample.DatumTijd, dAantalOk));
_AantalFout.Add (new ChartDataPoint (sample.DatumTijd, dAantalFout));

if (dt.CompareTo (sample.DatumTijd) < 0)
dt = sample.DatumTijd;

LastSample = string.Format ("{0}:{1}", dt.ToString("HH"), dt.ToString("mm"));

Any help is appreciated.
Regards Joost platenburg

5 Replies

MK Magesh Kumar Krishnan Syncfusion Team March 12, 2015 11:57 AM UTC

Hi Joost,

Thanks for using Syncfusion products.

We have analyzed the reported issue, and this issue is not reproduced in our latest release. We have prepared a sample for your reference. Please find the sample from following link.

Sample: http://www.syncfusion.com/downloads/support/directtrac/118476/ChartSample-1240978661.zip

Note: We request you to download the latest version of Syncfusion Xamarin Studio from the following link.


Please let know if you require further assistance on this.

Magesh Kumar K

JP Joost Platenburg March 13, 2015 02:47 PM UTC

Hello Magesh,

I'm sorry to say that I can't get the StackingColumn chart to work. The sample you send me works perfect but my own app doesn't. I am using the version you linked me to in the reply but I can only assume that my app I not working properly. I will attach a screen dump of the chart that doesn't work properly. If you want I can a zipped copy of my current solution but I don't know if it will help.

Regards Joost Platenburg

SB Suresh B Syncfusion Team March 16, 2015 08:32 AM UTC

Hi Joost,

We infer that the problem is with your Chart data. Stacking series will be stacked only if the previous series X values are same as the current series X values. For example, if the first index DateTime value of first stacking series data should be same as first index DateTime value of second stacking series data (this including all DateTime components such as year, month, day, hour, minutes, seconds and milliseconds). If that does not matches, the series will not be stacked. If you are still unable to find the root cause for your issue, please revert us with modified sample along with the replication procedure which will be helpful for us to serve you better.

Please let us know if you require further assistance on this.

Suresh B

JP Joost Platenburg March 16, 2015 11:06 AM UTC

Hello Suresh,

I don't think that the chart data is the problem. I found a number of things that are different from the sample you send me:
1. I use a Grid i.s.o. a StackLayout in my view.
2. I did not use a BindableObject, I used a ViewModel file which I assigned to the BindingContext of the ContentPage in the code-behind of that page i.s.o. binding it in XAML to the StackLayout.
3. I need to update the chart every minute with new data (add a column), so I can't just dump the data in the thre ObservableCollections in the constructor of the ViewModel.

I stripped my solution as much as possible, created a zip file and attached it to this thread.

I hope You can help,
Regards, Joost

MK Magesh Kumar Krishnan Syncfusion Team March 17, 2015 12:03 PM UTC

Hi Joost,

We have created incident #136699 on behalf of you for this reported issue. Our support engineer will assist you through incident under your Direct Trac account. So we request you to follow with the incident for further details.
Our Direct Trac support system can be accessed from the following link:


Magesh Kumar k

Live Chat Icon For mobile
Up arrow icon