Tooltip vanished in upgrade from 25.2.7 to 27.1.52

As described in the title, my SfChart Tooltips have turned invisible from 25.2.7 to the latest 27.1.52.  I've rolled back the update and it's working again but I'd like to keep up to date.

Here's the chart.  The tooltips work fine in the 25.x version:

```

                <SfChart Title="Production" @ref="@_chartInstanceMonthly" EnableAnimation="false">
                    <ChartPrimaryXAxis  ValueType="Syncfusion.Blazor.Charts.ValueType.DateTime"  />
                    <ChartZoomSettings EnableMouseWheelZooming="true" EnableScrollbar="false" EnablePinchZooming="true" EnableSelectionZooming="true" ToolbarDisplayMode="ToolbarMode.Always" />
                    <ChartPrimaryYAxis LabelFormat="{value}" Name="bblm" Title="Barrels per Month (bbl/m)" ValueType="@_selectedValueType">
                        <ChartAxisLineStyle Width="0"></ChartAxisLineStyle>
                        <ChartAxisMajorTickLines Width="0"></ChartAxisMajorTickLines>
                    </ChartPrimaryYAxis>
                    <ChartAxes>
                        <ChartAxis OpposedPosition="true" RowIndex="0" Name="mcfm" Title="Thousands of Cubic Feet per month (mcf/m)" LabelFormat="{value}" ValueType="@_selectedValueType">
                            <ChartAxisLineStyle Width="0"></ChartAxisLineStyle>
                            <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
                        </ChartAxis>
                    </ChartAxes>
                    <ChartTooltipSettings Enable="true" Format="<b>${series.name} : ${point.y}<br/>${point.x}" />
                    <ChartSeriesCollection>
                        @foreach (NewSeriesData series in MonthlySeriesCollection)
                        {
                            <ChartSeries Name="@series.Name" XName="Timestamp" YName="Value" DataSource="@series.Data" YAxisName="@series.YAxisName" Fill="@series.Color" Type="@series.ChartSeriesType" DashArray="10" />
                        }
                    </ChartSeriesCollection>
                </SfChart> ``` In 27.x, the outline of the chart appears to be there and there's a floating colored dot indicating the range the mouse is hovering over, but the rest of it is invisible. I also tried this from the documentation to see if it was a styling issue, but it didn't change the visualization: ```
    <ChartTooltipSettings Enable="true" Fill="gray">
        <ChartTooltipBorder Color="#FF0000"  Width="2"></ChartTooltipBorder>
    </ChartTooltipSettings>
```
Any breaking changes from the old version to the new one I need to know about? I didn't see anything in the documentation.

Thanks in advance.

3 Replies

DG Durga Gopalakrishnan Syncfusion Team October 9, 2024 12:06 PM UTC

Hi Joseph,


We have ensured the reported scenario with your attached code snippet; chart series tooltip is displayed. We have attached the tested sample and screenshot for your reference.



Sample : https://blazorplayground.syncfusion.com/LXhJiDXkAQkdxRpP


Please share the following information which will be helpful for further analysis and assist you better.

  • Try to replicate an issue in above sample.
  • Share the issue replication video or steps.
  • Share if you have done any customization in tooltip.
  • Blazor Server or WASM or Web App.
  • Browser used.
  • Used any other styling in the sample?


Kindly revert us if you have any concerns.


Regards,

Durga Gopalakrishnan.



TR Travis October 13, 2024 02:00 AM UTC

Ensure you have updated your script references after updating the NuGet package.


<script src="https://cdn.syncfusion.com/blazor/27.1.52/syncfusion-blazor.min.js" type="text/javascript"></script>

<link rel='nofollow' href="https://cdn.syncfusion.com/blazor/27.1.52/styles/material3.css" rel="stylesheet" />


If you still have an issue try:

<ChartTooltipSettings Enable="true" Shared="true" Opacity="0.75"></ChartTooltipSettings>


-Travis



DG Durga Gopalakrishnan Syncfusion Team October 14, 2024 09:51 AM UTC

Travis,


The chart series tooltip will be displayed while updating the script reference alone based on installed NuGet package version and CDN version numbers as same. You don’t need to change the opacity of tooltip, since the default opacity is 1. We also request you to ensure whether you have referred the script based on installed individual or common NuGet package.


Individual NuGet(Synfusion.Blazor.Charts)

Common NuGet(Syncfusion.Blazor)

<head>

<link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />

<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

</head>

<head>

  <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap5.css" rel="stylesheet" />

  <script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

</head>


UG : https://blazor.syncfusion.com/documentation/common/adding-script-references


Please let us know if you have any concerns.


Loader.
Up arrow icon