Suggestions on how to achieve a result with SfChart

Question

Good morning, I need to develop a design using SfChart and SfListView.

The attached video shows what I have to do. My concerns are more related to vertical-aligned charts and adding a timeline at the top.

At the moment I'm more interested in suggestions, as I have this for some iterations later. Please let me know if more info is required to explain the scenario.

Thanks in advance.

Alessandro

Attachment: graph_500ec3ca.zip

Michael Prabhu M · Answer

Hi Alessandro, 
 
Greetings from Syncfusion, we have analyzed your video and we suggest you to use the following to achieve your requirement 
  
1. Line series 
2. HiLo series 
3. Timeline at top can be a primary axis with opposed position 
 
Based on this we are preparing a sample and we will update you the sample by tomorrow 25th September 2018.  
 
Thanks, 
Michael

Michael Prabhu M · Answer

Hi Alessandro,

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

Sample: 139981

As mentioned in the previous udpated we have used the following to achieve it.

1. Line series

2. HiLo series

3. Timeline at top can be a primary axis with opposed position

Screenshot:

Thanks,

Michael

Codrina Merigo · Answer

Hello,I saw your example, as regarding chart2, we could also add an area graph behide this line series and another fastline seris or there is any limitations to the number of line series we can draw ?  something like below

Saravanan Madheswaran · Answer

Hi Alessandro, 
  
Currently We are validating this, We will update you the status of this in one day, 6th November 2018. We appreciate your patience until then. 
 
 
Regards, 
Saravanan

Codrina Merigo · Answer

Hi Saravanan,Do you have any news on this ?Thank you !Codrina

Geetha Rajendran · Answer

Hi Alessandro,       Query 1: We could also add an area graph behide this line series and another fastline series.   We have achieved your requirement by added StepArea series before LineSeries to chart. We have attached the prepared sample and it can be downloaded from the below link.       Query 2: There is any limitations to the number of line series we can draw?   We can add n number series to chart. There are no limitations for that, and it is only limited if you don’t have enough device memory.       Sample: http://www.syncfusion.com/downloads/support/directtrac/139981/ze/1399811217700619.zip      Screenshot:              Regards,   Geetha R.

Codrina Merigo · Answer

Thank you for your reply ! I managed to set the multiple series chart, but now I have an issue with the tooltip. I have 2 different line series in my chart, along with 2 fast line and a range area series. Only the 2 line series have the tooltip. The line series have the same x value on a date-time axis and different y values.

Sometimes, it happens that I tap on the lower serie and the tooltip appears on the uppper line and viceversa. In the screenshot below I tapped on the light blue series, yellow dot and the tooltip appeared on the dark blue serie.

Is there some event I can change ?

Thank you

Michael Prabhu M · Answer

Hi Codrina, 
 
We have analyzed your query and we like to inform you that we were able to reproduce this issue only in UWP platform, when activating the tooltip during series animation along with tooltip label customized with data template. If you can confirm the above is your exact scenario, then we can provide you a fix for this accordingly.  
 
If the above-mentioned scenario is different from yours, can you please send us an issue reproducing sample along with the replication procedure? so that we can investigate on this further and update you the solution at the earliest.  
 
Thanks, 
Michael

Codrina Merigo · Answer

Hi Codrina,

We have analyzed your query and we like to inform you that we were able to reproduce this issue only in UWP platform, when activating the tooltip during series animation along with tooltip label customized with data template. If you can confirm the above is your exact scenario, then we can provide you a fix for this accordingly.

If the above-mentioned scenario is different from yours, can you please send us an issue reproducing sample along with the replication procedure? so that we can investigate on this further and update you the solution at the earliest.

Thanks,

Michael

Michael Prabhu M · Answer

Hi Codrina, 

Thanks for the code snippet, but we are afraid we were not able to reproduce this issue other than UWP as mentioned earlier, since we are not aware of your exact application scenario, we were not able to reproduce this at our end. So, can you please provide us an issue reproducing sample based on your application scenario? This will help us to investigate further and provide you a better solution at the earliest. 

Thanks, 
Michael

Codrina Merigo · Answer

Hello,Please find attached a sample and a video with my scenario.Thank you1.VideoAttachment: c59de94b1b73a7ee1b75840ff2e7e55f_56c6ca96.zip

Codrina Merigo · Answer

Hello,Please find attached a sample and a video with my scenario.Thank you2.SampleAttachment: sync_sample_bc7ab2d6.7z

Michael Prabhu M · Answer

Hi Codrina,

We have also tested the given sample, but we are afraid that we are not able to reproduce the issue at our end. Please refer the attached video. Can you please send us a device information to provide you a better solution at the earliest?

Video: VID_20181130_175751

Thanks,

Michael

Codrina Merigo · Answer

Hi and thank you for your reply.We are using for testing  Ipad7 and Ipad mini 4 both with IOs Version 12.0Thank you

Michael Prabhu M · Answer

Hi Codrina, 
 
Thanks for the update, we were able to reproduce this issue in iPad with iOS version 12.0 and above. We have logged a defect report on this and we will fix this and include this fix in our upcoming Volume 4 Sp1 release which is scheduled to be rolled out at the end of January 2019.  
 
Regards, 
Michael