Wrong tooltip is shown when zoomed in on FastLineSeries

[clintk]

Hi. I'm trying to show a tooltip with both X value (DateTime) and Y value, based on the information on https://www.syncfusion.com/kb/10723/how-to-customize-the-tooltip-in-chart

The problem is that two tooltips are shown for one data point when zoomed in. It switches if I hover the mouse one pixel to left or right on the marker.

The correct one is the tooltip with '2021/07/01' timestamp (you can confirm it by primary axis). The data on the other wrong tooltip is actually exists in this series, and if I pan the chart to the far left, I can see it.

XAML:

<sf:SfChart Grid.Row="0"

            MinWidth="300"

            MinHeight="200"

            Margin="10"

            VerticalAlignment="Stretch"

            Background="White"

            Visibility="{Binding StandardPlotHasData, Converter={StaticResource BoolToVisibilityConverter}}">

  <sf:SfChart.Behaviors>

    <sf:ChartZoomPanBehavior

        EnableMouseWheelZooming="True"

        EnableSelectionZooming="True"

        EnableZoomingToolBar="True"

        ToolBarItemHeight="20"

        ToolBarItemWidth="20"/>

  </sf:SfChart.Behaviors>

  <sf:SfChart.PrimaryAxis>

    <sf:DateTimeAxis

        EnableScrollBar="True"

        FontSize="12"

        Header="Timestamp"

        LabelFormat="yyyy/MM/ddHH:mm"

        RangePadding="Auto"/>

  </sf:SfChart.PrimaryAxis>

  <sf:SfChart.SecondaryAxis>

    <sf:NumericalAxis

        EnableScrollBar="True"

        FontSize="12"

        Header="{Binding KindUnitName}"

        RangePadding="Auto"/>

  </sf:SfChart.SecondaryAxis>

  <sf:FastLineSeries

      x:Name="ValueSeries"

      sf:ChartTooltip.ShowDuration="5000"

      EnableAnimation="False"

      Interior="DeepSkyBlue"

      ItemsSource="{Binding Data}"

      Label="{Binding KindDisplayName}"

      ShowTooltip="True"

      StrokeThickness="1"

      ListenPropertyChange="True"

      AdornmentsInfo="{Binding ChartAdornmentInfo}"

      XBindingPath="X"

      YBindingPath="Y">

    <sf:FastLineSeries.TooltipTemplate>

      <DataTemplate>

        <Border

            Padding="4"

            Background="Black"

            BorderBrush="Black"

            BorderThickness="0">

          <StackPanel Orientation="Vertical" HorizontalAlignment="Center">

            <TextBlock Foreground="White" Text="{Binding Item.TimestampString}" TextAlignment="Center"/>

            <TextBlock Foreground="White" Text="{Binding Item.Y}" TextAlignment="Center" />          </StackPanel>

        </Border>

      </DataTemplate>

    </sf:FastLineSeries.TooltipTemplate>

  </sf:FastLineSeries>

  <sf:FastLineBitmapSeries

      EnableAnimation="False"

      Interior="DeepPink"

      ItemsSource="{Binding UpperThres}"

      Label="Upper Threshold"

      ShowTooltip="False"

      XBindingPath="X"

      YBindingPath="Y"/>

  <sf:FastLineBitmapSeries

      EnableAnimation="False"

      Interior="DarkOrange"

      ItemsSource="{Binding LowerThres}"

      Label="Lower Threshold"

      ShowTooltip="False"

      XBindingPath="X"

      YBindingPath="Y" />

</sf:SfChart>

What I discovered so far:

• No problem if not zoomed.
  
• No problem if I change the series type to LineSeries.
• Same problem for FastLineBitmapSeries.

As the number of the data can be over tens of thousands, migrating to LineSeries is not an option.

Is there any workaround for this problem?

Thanks in advance.

[Yuvaraj Palanisamy]

Hi Masao Kawamura, 

 

Greetings from Syncfusion. 

 

We have checked the reported problem “Tooltip text show wrongly when tap on the adornment in Zoomin state” and it was reproduced at our end. To improve the performance, we would like to suggest to use FastScatterBitmapSeries instead of AdornmentsInfo as per the below code example.  

 

CodeSnippet: 

<chart:SfChart.Series> 

    <chart:FastLineSeries Name="Lettuce"  

                                  EnableAnimation="False" 

                                  StrokeThickness="1" 

                                  ListenPropertyChange="True" 

                                  ShowTooltip="True" 

                                  Interior="DeepSkyBlue" 

                                  AdornmentsInfo="{Binding ChartAdornmentInfo}" 

                                  chart:ChartTooltip.ShowDuration="1500" 

                                  XBindingPath="XValue"  

                                  ItemsSource="{Binding Data}"  

                                  YBindingPath="YValue"> 

                 

                <chart:FastLineSeries.TooltipTemplate> 

                    <DataTemplate> 

                        <Border 

                            Padding="4" 

                            Background="Black" 

                            BorderBrush="Black" 

                            BorderThickness="0"> 

                            <StackPanel Orientation="Vertical" HorizontalAlignment="Center"> 

                                <TextBlock Foreground="White" Text="{Binding Item.XValue}" TextAlignment="Center"/> 

                                <TextBlock Foreground="White" Text="{Binding Item.YValue}" TextAlignment="Center" /> 

                            </StackPanel> 

                        </Border> 

                    </DataTemplate> 

                </chart:FastLineSeries.TooltipTemplate> 

 

            </chart:FastLineSeries> 

 

    <chart:FastScatterBitmapSeries ShapeType="Square"  

                                   ScatterHeight="4"  

                                   ScatterWidth="4" 

                                   ListenPropertyChange="True"    

                                   Interior="DeepSkyBlue"       

                                   XBindingPath="XValue"  

                                   ItemsSource="{Binding Data}"  

                                   YBindingPath="YValue"/> 

</chart:SfChart.Series> 

 

Also, we have attached the sample for your reference. Please find the sample from the below link. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/167167/ze/Sample_FastLine_Tooltip-1252077058  

  

Output: 

 

 

Also, we will fix the reported problem and the fix will be included in our upcoming official release. 

 

For more detail, please refer the below link. 

https://help.syncfusion.com/wpf/charts/fastchart/fast-bitmapseries#fast-scatter-bitmap  

 

Regards, 

Yuvaraj.

[clintk]

Hi Yuvaraj,

Thank you for the solution using FastScatterBitmapSeries as AdornmentInfo.

I tried it on my project and the performance is just great!

But now I have small problem with this.

When I zoomed in, there are unwanted spot on both left and right edge on the plot area like this:

It seems these spots are located at the same Y coordinate as the next data point off the visible area to left or right. When I pan the above plot to the left, this appears:

Your sample project does not have problem somehow.

Can you think of any reason why this happens?

Best Regards,

[Yuvaraj Palanisamy]

Hi Masao Kawamura, 

 

We checked the reported query “The segment has plot at the edges in Zoomin state which is ploted at nearest position of very next outside datapoint” has been reproduced at our end. To overcome this, could you please use ShapeType as Square. Please find the code example below. 

 

<chart:FastScatterBitmapSeries ShapeType="Square"  

                               ScatterHeight="4"  

                               ScatterWidth="4" 

                               ListenPropertyChange="True"   

                               Interior="DeepSkyBlue"      

                               XBindingPath="XValue"  

                               ItemsSource="{Binding Data}"  

                               YBindingPath="YValue"/> 

 

Output: 

 

Regards, 

Yuvaraj. 

[clintk]

Hi Yuvaraj,

Thank you for the workaround for the problem "The segment has plot at the edges in Zoomin state".

Changing ShapeType to Square solved the problem!

I hope the problem will be solved for Shapetype=Ellipse case in a future release, because I think the 'Ellipse' data point looks better and our end user also prefer it.

 

[Yuvaraj Palanisamy]

Hi Masao Kawamura, 

 

We have logged this “Scatter segment rendered wrongly with ellipse shape type in zoomin state” an issue. We will fix the issue reported issue and we will be included the fix in our weekly nuget release which will be scheduled to publish on 10^th August 2021.  

 

You can now track the status of your request, review the proposed resolution timeline and contact us for any further inquiries through this link.      

    

Feedback link: https://www.syncfusion.com/feedback/27175/fastscatterseries-does-not-render-properly-plot-area-edge-while-zooming-the-chart 

      

Note: The provided feedback link is private, and you need to login to view this feedback   

  

Regards,  

Yuvaraj.

[Yuvaraj Palanisamy]

Hi Masao Kawamura,  

   

Sorry for the inconvenience.  

   

Due to we have planned to publish the Vol 2 SP1 release for this week, we didn’t publish the weekly nuget release today. Hence, we will include the fix in our upcoming weekly nuget release which is after the Vol2 SP1 release and we will be rolled out on 17^th August 2021. Once we rolled out, we will let you know. 

 

Regards, 

Yuvaraj.

[Yuvaraj Palanisamy]

Hi Masao Kawamura,  

   

Sorry for the inconvenience.  

   

We have fixed the issue “FastScatterSeries does not render properly in the plot area edges while zoomin” and due to some technical hurdles, we are not included this fix in the today weekly nuget release. And we will include the fix in our upcoming weekly nuget release which will be rolled out on 24^th August 2021. we will let you know once we rolled out. Also, we have generated the patch for this fix, until then please use the below patch.   

   

Please find the patch from the below link: https://syncfusion.com/Installs/support/patch/19.2.0.55/1045809/F167167/SyncfusionPatch_19.2.0.55_1045809_8172021113912346_F167167.exe  

   

Please find the patch assemblies alone the below link: https://syncfusion.com/Installs/support/patch/19.2.0.55/1045809/F167167/SyncfusionPatch_19.2.0.55_1045809_8172021113912346_F167167.zip   

   

Please find the NuGet from the below location: https://syncfusion.com/Installs/support/patch/19.2.0.55/1045809/F167167/SyncfusionNuget_19.2.0.55_1045809_8172021113912346_F167167.zip 

   

Assembly Version: 19.2.0.55   

       

Disclaimer:     

    

Please note that we have created this patch for version 19.2.0.55  specifically to resolve the issue reported in this incident. If you have received other patches for the same version for other products, please apply all patches in the order received.   

      

    

Please clear the NuGet cache, before using the latest one.
https://www.syncfusion.com/kb/6987/how-to-clear-nuget-cache     

    

 

Regards, 

Yuvaraj. 

[Yuvaraj Palanisamy]

Hi Masao Kawamura,  

  

We are glad to announce that our weekly NuGet was rolled out and fix for the reported issue was included in the weekly NuGet.

NuGet Version: 19.2.0.57

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.  

Regards,  

Yuvaraj