Guidance on implementing a chart spanning time

Anthony Ramirez

Asked On June 11, 2019 12:18 PM UTC

Hi! 😄

I have a need to visually display time spent performing different activities throughout the day. Each activity can be performed multiple times a day.

Attached is a screenshot of a similar chart.

I believe this would be a type of bar chart spanning 24 hours on it's X axis (ie the time of day). While the Y axis could be each day.

Any guidance on how this could be achieved is greatly appreciated 🙏

Thanks!

Ant

Attachment: SleepingChart_38896816.zip

Reply | Reply with quote

Bharathiraja K [Syncfusion]

Replied On June 12, 2019 11:38 AM UTC

Hi Ramirez,

Greetings from Syncfusion. We have achieved your requirement with chart StripLine feature. The strip line is used to shade the different range of plot area to improve readability of chart.

We have prepared the sample based on your application scenario and it can be downloaded from below link.

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/SimpleSample-11864651.zip

In your case we have used DateTimeStripLine to separate the range based on the sleep mode by below.

[C#]:

DateTimeStripLine stripLine = new DateTimeStripLine()

{

Start = rate.Minimum,

WidthType = DateTimeComponent.Minute,

Width = rate.SleepRange,

FillColor = rate.SleepMode == SleepMode.Awake ? Color.Yellow : rate.SleepMode == SleepMode.DeepSleep ? Color.DarkBlue : rate.SleepMode == SleepMode.LightSleep ? Color.LightBlue : Color.HotPink,

};

StripLineCollection.Add(stripLine);

To know more about strip lines please refer the below link.

https://help.syncfusion.com/xamarin/sfchart/striplines?cs-save-lang=1&cs-lang=csharp

Hope the above information will help you to achieve your requirement.

Output:

Regards,

Bharathi.

Reply | Reply with quote

Anthony Ramirez

Replied On June 12, 2019 12:45 PM UTC

WOW! Thanks so much Bharathi 🙏

That looks like it should be a perfect solution...I will give this a try and let you know.

You guys ROCK! 😄🎉

Reply | Reply with quote

Bharathiraja K [Syncfusion]

Replied On June 12, 2019 12:48 PM UTC

Hi Ramirez,

Thanks for your feedback.

Regards,

Bharathi.

Reply | Reply with quote

Anthony Ramirez

Replied On July 18, 2019 12:06 AM UTC

Hi Bharathi!

Just wanted to followup and let you know that this worked perfectly! 😄 SfChart has proven to be very flexible and feature rich 💪

Many thanks again for your super fast and helpful support 🙏

All the best!

Ant

Reply | Reply with quote

Padmini Ramamurthy [Syncfusion]

Replied On July 18, 2019 05:21 AM UTC

Hi Anthony,

Thanks for your appreciation:) and please get back to us if you need any other assistance.

Regards,

Padmini

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
145179	Jun 11,2019 12:18 PM UTC	Jul 18,2019 05:21 AM UTC	Xamarin.Forms	5

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US