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:
```
<ChartTooltipSettings Enable="true" Fill="gray">
<ChartTooltipBorder Color="#FF0000" Width="2"></ChartTooltipBorder>
</ChartTooltipSettings>
```
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.
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
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.
- 3 Replies
- 3 Participants
-
JM Joseph Murray
- Oct 8, 2024 07:17 PM UTC
- Oct 14, 2024 09:51 AM UTC