Suggestions on how to achieve a result with SfChart

[Alessandro Del Sole]

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]

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 25^th September 2018.  

 

Thanks, 

Michael 

[Michael Prabhu M]

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]

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]

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]

Hi Saravanan,

Do you have any news on this ?

Thank you !

Codrina

[Geetha Rajendran]

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]

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]

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]

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  

Hi and thank you for your replay. We are using a custom tooltip template on iOS - ipad.

  <DataTemplate>

                                        <Grid>

                                            <Frame OutlineColor="White"  Padding="2" 

                                                       HasShadow="False"

                                                       Margin="0.1" CornerRadius="2">

                                                <StackLayout>

                                                    <StackLayout BackgroundColor="#F5F5F5" >

                                                        <Label Text="{Binding KeyValue}" 

                                                                   TextColor="Transparent" VerticalTextAlignment="Center" 

                                                                   HorizontalTextAlignment="Center" Margin="2,0,2,0"></Label>

                                                    </StackLayout>

                                                </StackLayout>

                                            </Frame>

                                            <StackLayout Orientation="Horizontal">

                                                <Label TextColor="#00255C" Text="{Binding KeyValue}" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"

                                                   HorizontalOptions="CenterAndExpand" FontSize="14" FontFamily="SourceSansPro-Regular" Margin="2,0,2,0"/>

                                            </StackLayout>

                                        </Grid>

                                    </DataTemplate>

Thank you

[Michael Prabhu M]

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]

Hello,

Please find attached a sample and a video with my scenario.

Thank you

1.Video

Attachment: c59de94b1b73a7ee1b75840ff2e7e55f_56c6ca96.zip

[Codrina Merigo]

Hello,

Please find attached a sample and a video with my scenario.

Thank you

2.Sample

Attachment: sync_sample_bc7ab2d6.7z

[Michael Prabhu M]

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]

Hi and thank you for your reply.

We are using for testing  Ipad7 and Ipad mini 4 both with IOs Version 12.0

Thank you

[Michael Prabhu M]

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