Guidance on implementing a chart spanning time

[Anthony Ramirez]

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

[Bharathiraja K]

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. 

[Anthony Ramirez]

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! 😄🎉

[Bharathiraja K]

Hi Ramirez,  

 

Thanks for your feedback. 

 

Regards, 

Bharathi. 

[Anthony Ramirez]

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

[Padmini Ramamurthy]

Hi Anthony, 

  

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

  

Regards, 

Padmini