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
  1. Home
  2. Forum
  3. Xamarin.Forms
  4. Candle Chart

Candle Chart

Hello, Syncfusion Team.

I'm about to buy your Xamarin.Forms components, but first i have reach the same chart as the image that i will post or even better one.
I've already reached some of the things, but now i cannot find properties of the left ones.
Candle Chart <- Target
 <- Achieved so far.
I'm sorry that i didn't post a picture with the full chart, but i cannot find one.
I have to achieve the following things:
  • Time at the bottom of the chart like on the sample picture. I already tried with:
dateTimeAxis.LabelStyle.LabelFormat = "hh:mm";
chart.PrimaryAxis = dateTimeAxis;
But the result is not the expected one. 
  • Attach labels for every 5 minutes, but i didn't find something that could help me for this case. 
I see that I can attach label for every candle on the chart, but not more and not less.
  • Unfilled Candles
Other problem for my case that I found so far is unfilled candles. I'm sure that they have some purpose, but i don't need them for the moment.
  • Prices for the candles dynamically, but the labels at the bottom of the chart should be showing always on every 5 minutes.
  • Changing X axis labels on zoom in and zoom out.
I saw that your chart has property for zooming, but is it possible when i zoom or zoom out to change the labels for minutes and apply new that are relevant ones.

I couldn't be able to upload my project for what I'm really sorry, so i will post you my code.

using Syncfusion.SfChart.XForms;
using System.Collections.ObjectModel;

using Xamarin.Forms;

namespace Simplesample
{
    public class Sample : ContentPage
    {
        SfChart chart;

        public Sample()
        {
            DateTimeAxis dateTimeAxis = new DateTimeAxis();
            dateTimeAxis.LabelStyle.LabelFormat = "hh:mm";

            chart = new SfChart();
            CategoryAxis xAxis = new CategoryAxis();
            chart.PrimaryAxis = xAxis;
            chart.PrimaryAxis = dateTimeAxis;

            NumericalAxis yAxis = new NumericalAxis();
            chart.SecondaryAxis = yAxis;
            chart.SecondaryAxis.OpposedPosition = true;

            ObservableCollection<ChartDataPoint> data = new ObservableCollection<ChartDataPoint>()
            {
                new ChartDataPoint("2010", 873.8, 878.85, 855.5, 860.5),
                new ChartDataPoint("2011", 861, 868.4, 835.2, 843.45),
                new ChartDataPoint("2012", 846.15, 853, 838.5, 847.5),
                new ChartDataPoint("2013", 846, 860.75, 841, 855),
                new ChartDataPoint("2014", 841, 845, 827.85, 838.65),
                new ChartDataPoint("2010", 873.8, 878.85, 855.5, 860.5),
                new ChartDataPoint("2011", 861, 868.4, 835.2, 843.45),
                new ChartDataPoint("2010", 873.8, 878.85, 855.5, 860.5),
                new ChartDataPoint("2010", 873.8, 878.85, 855.5, 860.5),
                new ChartDataPoint("2010", 873.8, 878.85, 855.5, 860.5),
                new ChartDataPoint("2010", 873.8, 878.85, 855.5, 860.5),
                new ChartDataPoint("2011", 861, 868.4, 835.2, 843.45),
                new ChartDataPoint("2011", 861, 868.4, 835.2, 843.45),
                new ChartDataPoint("2011", 861, 868.4, 835.2, 843.45),
                new ChartDataPoint("2011", 861, 868.4, 835.2, 843.45),
            };

            CandleSeries candleSeries = new CandleSeries()
            {
                ItemsSource = data
            };

            candleSeries.EnableTooltip = true;
            chart.Series.Add(candleSeries);

            Content = chart;
        }
    }
}

1 Reply
PS Parthiban Sundaram Syncfusion Team December 20, 2016 07:25 AM UTC

Hi Ivan,

Thank you for contacting Syncfusion support.

We have created an incident under your Direct Trac account. So, we request to follow the incident for further details.

Our Direct Trac support system can be accessed from the following link:

https://www.syncfusion.com/account/login?ReturnUrl=%2fsupport%2fdirecttrac%2fincidents

Regards,
Parthiban S

Loader.
Up arrow icon