StockChart Tooltip with multi series

[Andreas]

I have a multi series StockChart one candle and several line series.

The tooltip looks like this: I want the tooltip to show the candle informatio and the values of the line series

code looks something like that:

Is there a default way or do i have to use a custom Tooltip format??

<SfStockChart Height="@Height"

              IndicatorType="@IndicatorType"

              TrendlineType="@TrendlineType"

              SeriesType="@SeriesType">

        <StockChartPeriods>

            <StockChartPeriod IntervalType=RangeIntervalType.Minutes Interval="30" Text='30m'></StockChartPeriod>

            <StockChartPeriod IntervalType=RangeIntervalType.Hours Interval="1" Text='1h'></StockChartPeriod>

            <StockChartPeriod IntervalType=RangeIntervalType.Hours Interval="6" Text='6h'></StockChartPeriod>

            <StockChartPeriod IntervalType=RangeIntervalType.Hours Interval="12" Text='12h' Selected="true"></StockChartPeriod>

            <StockChartPeriod IntervalType=RangeIntervalType.Hours Interval="24" Text='24h'></StockChartPeriod>

        </StockChartPeriods>

        <StockChartTooltipSettings Enable="true">

        </StockChartTooltipSettings>

        <StockChartCrosshairSettings Enable="true"></StockChartCrosshairSettings>

        <StockChartPrimaryXAxis ValueType="@Syncfusion.Blazor.Charts.ValueType.DateTime">

            <StockChartAxisMajorGridLines Color="Transparent" />

            <StockChartAxisCrosshairTooltip Enable="true" />

        </StockChartPrimaryXAxis>

        <StockChartPrimaryYAxis>

            <StockChartAxisLineStyle Color="Transparent" />

            <StockChartAxisMajorTickLines Color="Transparent" Width="0" />

            <StockChartAxisCrosshairTooltip Enable="true" />

        </StockChartPrimaryYAxis>

        <StockChartAxes>

            <StockChartAxis Name="YAxis1"

                        RowIndex="1" />

        </StockChartAxes>

        <StockChartRows>

            @if (secondChartNeeded)

            {

                <StockChartRow Height="70%" />

                <StockChartRow Height="30%" />

            }

            else

            {

                <StockChartRow Height="100%" />

            }

        </StockChartRows>

        <StockChartSeriesCollection>

            <StockChartSeries DataSource="@AdvancedDataSource"

                          XName=@nameof(CandleDataAdvanced.Time)

                          High=@nameof(CandleDataAdvanced.High)

                          Low=@nameof(CandleDataAdvanced.Low)

                          Open=@nameof(CandleDataAdvanced.Open)

                          Close=@nameof(CandleDataAdvanced.Close)

                          Volume=@nameof(CandleDataAdvanced.Volume)

                          Type="ChartSeriesType.Candle" />

            @if (!string.IsNullOrWhiteSpace(CustomDataArray[0])

           && AdvancedDataSource.Count(d => d.CustomSeries1 != 0) > 0)

            {

                if (secondChart[nameof(CandleDataAdvanced.CustomSeries1)])

                {

                    <StockChartSeries Name="customData1"

                          DataSource="@AdvancedDataSource"

                          XName=@nameof(CandleDataAdvanced.Time)

                          YName=@nameof(CandleDataAdvanced.CustomSeries1)

                          PointColorMapping="@CustomDataArrayColors[0]"

                          Fill="@CustomDataArrayColors[0]"

                          YAxisName="YAxis1"

                          Type="ChartSeriesType.Line" />

                }

                else

                {

                    <StockChartSeries Name="customData1"

                          DataSource="@AdvancedDataSource"

                          XName=@nameof(CandleDataAdvanced.Time)

                          YName=@nameof(CandleDataAdvanced.CustomSeries1)

                          PointColorMapping="@CustomDataArrayColors[0]"

                          Fill="@CustomDataArrayColors[0]"

                          Type="ChartSeriesType.Line" />

                }

            }

        </StockChartSeriesCollection>

    </SfStockChart>

Attachment: Capture_59bfbcd3.zip

[Srihari Muthukaruppan]

Hi Andreas, 

 

Sorry for the inconvenience caused. We have considered this scenario as a bug and logged a bug request on this and you can keep track of it from the below feedback portal link. 

 

Feedback Link: https://www.syncfusion.com/feedback/23658/tooltip-content-renders-as-undefined-while-using-multiple-series 

 

This fix will be available in our weekly patch release which is scheduled to be rolled out on or before 14 April 2021. We appreciate your patience until then  

 

Note: Since the tooltip displaying as undefined looks odd. Until the fix is provided to overcome the reported scenario we suggest you to hide the tooltip for unwanted series using EnableTooltip property in the series of the chart.  

 

Regards,  

Srihari M 

[Srihari Muthukaruppan]

Hi Andreas, 

 

Sorry for the inconvenience.  

  

Due to some technical difficulties, we are unable to include this fix in this patch release. So we will consider this issue in our upcoming weekly patch release which is expected to be rolled out on or before April 20 2021. We appreciate your patience until then.  

  

Regards,  

Srihari M.  

[Srihari Muthukaruppan]

Hi Andreas,  

  

We are glad to announce that our v19.1.57 patch release is rolled out, we have added the fix for the reported scenario. And you can use the latest (19.1.57) Syncfusion.EJ2.Blazor NuGet package version to get rid of the reported issue.   

 

Nugget Package: https://www.nuget.org/packages/Syncfusion.Blazor/  

 

We appreciate your patience in waiting for this release. Kindly let us know if you need further assistance.   

   

Regards,   

Srihari   

[Andreas]

it is working now, BUT

having the instead of the date there should be the name of the series in the tooltip as the date is alrady shown at the top. So on the tooltip you dont see what other series the data is from - only the candle is shown with proper names.

it should look like this

[Srihari Muthukaruppan]

Hi Andreas, 

 

Sorry for the inconvenience. 

 

As of now it is not possible to achieve your requirement. For line series by default the tooltip format is set as point.x : point.y. And also we have considered the reported scenario as an improvement and logged a feature request for this. This feature will be available in our volume 2 release which is scheduled to be rolled out by end of June 2021. We appreciate your patience until then. You can keep track of the feature request from the feedback portal below.  

  

Feedback Link: https://www.syncfusion.com/feedback/25085/need-to-provide-tooltip-format-support-for-series-in-stockchart 

   

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

   

If you have any more specifications/precise replication procedures or a scenario to be tested, you can add it as a comment in the portal.  

  

Regards, 

Srihari M 

[Srihari Muthukaruppan]

Hi Andreas, 

 

Sorry for the inconvenience.   

 

Due to some technical difficulties we are unable to include the fix in our volume 2 release. We will include the fix in our volume 2 SP1 release which is scheduled to be rolled out by the mid of August 2021. We appreciate your patience until then. 

 

Regards, 

Srihari M 

[Durga Gopalakrishnan]

Hi Andreas, 

We regret for the inconvenience caused. We are working on the reported requirement, we will include this feature in our upcoming Volume 3 Main Release which is expected to be rolled out at end of September, 2021. We appreciate your patience until then. 

Regards, 

Durga G

[Srihari Muthukaruppan]

Hi Andreas,   

   

We are glad to announce that our Essential Studio 2021 Volume 3 release v19.3.0.43 is rolled out and is available for download under the following link. 

 

https://www.syncfusion.com/forums/169291/essential-studio-2021-volume-3-main-release-v19-3-0-43-is-available-for-download 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/TooltipFormatForSeries714968574.zip 

 

UG: https://blazor.syncfusion.com/documentation/chart/tool-tip#tooltip-format 

 

Screenshot:  

 

 

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,            

Srihari M