Skip to content

1027279: Fixed testing portal tickets. #22

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Keerthivasan-Ramamoorthy merged 2 commits into from
Jun 18, 2026
Merged

1027279: Fixed testing portal tickets. #22

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f448b01
1027279: Fixed testing portal tickets.
YokeshSF4393 Jun 17, 2026
00395cd
1027279: Fixed tooltip highlight issue in charts.
YokeshSF4393 Jun 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions samples/Blazor.Toolkit.Samples.Client/Pages/Components/Charts/ChartElements/Trendline.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@
</ChartPrimaryYAxis>

<ChartTooltipSettings Enable="true"
ShowNearestTooltip="true"
ShowNearestTooltip="true" Header=""
Format="S&P 500: <b>${point.y} Points</b>">
</ChartTooltipSettings>

Expand Down Expand Up @@ -80,7 +80,7 @@
</ChartPrimaryYAxis>

<ChartTooltipSettings Enable=""true""
ShowNearestTooltip=""true""
ShowNearestTooltip=""true"" Header=""""
Format=""S&P 500: <b>${point.y} Points</b>"">
</ChartTooltipSettings>

Expand Down
12 changes: 6 additions & 6 deletions ...lazor.Toolkit.Samples.Client/Pages/Components/Charts/ColumnAndBarCharts/ColumnChart.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@
<ChartPrimaryYAxis Title="Production (60KG Bags)" Interval="20">
<ChartAxisLineStyle Width="0"/>
</ChartPrimaryYAxis>
<ChartTooltipSettings Enable="true" Header="${point.x}" Format="Total: ${point.stackedValue}" />
<ChartTooltipSettings Enable="true" Header="" Format="Total: ${point.stackedValue}" />

<ChartSeries DataSource="Data" XName="X" YName="Y1" Name="India" Type="ChartSeriesType.StackingColumn" Fill="#5C6BC0" ColumnWidth="0.4"></ChartSeries>
<ChartSeries DataSource="Data" XName="X" YName="Y2" Name="China" Type="ChartSeriesType.StackingColumn" Fill="#00796B" ColumnWidth="0.4"></ChartSeries>
Expand All @@ -137,7 +137,7 @@
<CodePreview IsFullWidth="true" CodeSection="@stackingLabelCode">
<PreviewSection>
<SfChart @key="@_currentTheme" Title="Global Cotton Production by Country (2019–2024)" Theme="@_currentTheme">
<ChartTooltipSettings Enable="true" Header="${point.x}"/>
<ChartTooltipSettings Enable="true" Header=""/>
<ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Toolkit.ValueType.Category" Interval="1"></ChartPrimaryXAxis>
<ChartPrimaryYAxis Interval="20"><ChartAxisLineStyle Width="0"/></ChartPrimaryYAxis>
<ChartStackLabelSettings Visible="true"></ChartStackLabelSettings>
Expand Down Expand Up @@ -510,7 +510,7 @@
<ChartCornerRadius TopLeft="8" TopRight="8"></ChartCornerRadius>
</ChartSeries>

<ChartTooltipSettings Enable="true" Header="${point.x}" Format="${point.x} : <b>${point.y}</b>" />
<ChartTooltipSettings Enable="true" Header="" Format="${point.x} : <b>${point.y}</b>" />
</SfChart>
</PreviewSection>
</CodePreview>
Expand Down Expand Up @@ -669,7 +669,7 @@
<ChartSeries DataSource=""@Data"" XName=""X"" YName=""Y2"" Name=""China"" Type=""ChartSeriesType.StackingColumn"" Fill=""#00796B"" ColumnWidth=""0.4""></ChartSeries>
<ChartSeries DataSource=""@Data"" XName=""X"" YName=""Y3"" Name=""United States"" Type=""ChartSeriesType.StackingColumn"" Fill=""#B71C1C"" ColumnWidth=""0.4""></ChartSeries>

<ChartTooltipSettings Enable=""true"" Header=""${point.x}"" Format=""Total: ${point.tooltip}"" />
<ChartTooltipSettings Enable=""true"" Header="""" Format=""Total: ${point.tooltip}"" />
</SfChart>

@code {
Expand All @@ -690,7 +690,7 @@
}";

public string stackingLabelCode = @" <SfChart @key=""@_currentTheme"" Title=""Global Cotton Production by Country (2019–2024)"" Theme=""@_currentTheme"">
<ChartTooltipSettings Enable=""true"" Header=""${point.x}""/>
<ChartTooltipSettings Enable=""true"" Header=""""/>
<ChartPrimaryXAxis ValueType=""Syncfusion.Blazor.Toolkit.ValueType.Category"" Interval=""1""></ChartPrimaryXAxis>
<ChartPrimaryYAxis Interval=""20""><ChartAxisLineStyle Width=""0""/></ChartPrimaryYAxis>
<ChartStackLabelSettings Visible=""true""></ChartStackLabelSettings>
Expand Down Expand Up @@ -1040,7 +1040,7 @@
<ChartCornerRadius TopLeft=""8"" TopRight=""8""></ChartCornerRadius>
</ChartSeries>

<ChartTooltipSettings Enable=""true"" Header=""${point.x}"" Format=""${point.x} : <b>${point.y}</b>"" />
<ChartTooltipSettings Enable=""true"" Header="""" Format=""${point.x} : <b>${point.y}</b>"" />
</SfChart>

@code {
Expand Down
14 changes: 5 additions & 9 deletions src/Components/Charts/Chart/Renderer/ChartLegendRenderer.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -714,7 +714,7 @@ private void UpdateHeightCollections(LegendOption legendOption, double rowCount,
{
int len = (int)(rowCount > 0 ? (rowCount - 1) : 0);

RowHeights?.Insert(len, Math.Max(len >= 0 && len < RowHeights.Count ? RowHeights[len] : 0, legendOption?.TextSize.Height ?? 0));
RowHeights?.Insert(len, Math.Max(len >= 0 && len < RowHeights.Count ? RowHeights[len] : 0, MaxItemHeight));

double columnHeightsValue = ComputeColumnHeightValue(legendOption!, columnCount, padding, firstLegend);
ColumnHeights?.Insert((int)columnCount, columnHeightsValue);
Expand All @@ -731,7 +731,7 @@ private void UpdateHeightCollections(LegendOption legendOption, double rowCount,
private double ComputeColumnHeightValue(LegendOption legendOption, double columnCount, double padding, bool firstLegend)
{
int colIndex = (int)columnCount;
double baseHeight = (colIndex >= 0 && colIndex < ColumnHeights?.Count ? ColumnHeights[colIndex] : 0) + (legendOption?.TextSize.Height ?? 0);
double baseHeight = (colIndex >= 0 && colIndex < ColumnHeights?.Count ? ColumnHeights[colIndex] : 0) + MaxItemHeight;
double additionalPadding = IsVertical
? (firstLegend || LegendCollection.IndexOf(legendOption ?? null!) == 0) ? padding : ItemPadding
: IsTopBottomVertical
Expand Down Expand Up @@ -765,7 +765,7 @@ private void CalculatePagingAndFinalBounds(double rowCount, int wrapTextCount, b
double padding = Legend?.Padding ?? 0;
double columnHeight = (ColumnHeights?.Count > 0 ? ColumnHeights.Max() : 0) + padding;

columnHeight = Math.Max(columnHeight + (wrapTextCount > 1 ? padding : 0), MaxItemHeight + padding + padding);
columnHeight = Math.Max(columnHeight + (wrapTextCount > 1 ? padding : 0), (MaxItemHeight + padding) + padding);
IsPaging = LegendBounds.Height < columnHeight && rowCount > 0;
rowCount = IsPaging ? rowCount : 1;

Expand All @@ -776,7 +776,7 @@ private void CalculatePagingAndFinalBounds(double rowCount, int wrapTextCount, b
double rowsPerPageDenom = Math.Max(1.0, (double)RowCountPerPage - 1.0);
double linesPerPageDenom = Math.Max(0.0, Math.Ceiling((LegendBounds.Height - (Legend?.Padding ?? 0)) / _textHeight) + 1.0);

TotalPageCount = Math.Ceiling((rowCount / rowsPerPageDenom) + (wrapTextCount / linesPerPageDenom));
TotalPageCount = Math.Ceiling((rowCount / Math.Max(1, RowCountPerPage - 1)) + (wrapTextCount / Math.Max(0, Math.Ceiling((LegendBounds.Height - (Legend?.Padding ?? 0)) / _textHeight) + 1)));
}
else
{
Expand All @@ -796,11 +796,7 @@ private void FinalizeLegendLocation(Rect rect, Size availableSize)
GetLocation(rect ?? null!, availableSize ?? null!, LegendSettings.Margin, Owner?._margin ?? null!, LegendSettings.Border, LegendSettings.Location);
}

if (LegendSettings?.Position == LegendPosition.Custom)
{
double width = (availableSize?.Width ?? 0) - LegendSettings.Location.X - LegendSettings.Border.Width;
LegendBounds.Width = Math.Max(0, Math.Min(LegendBounds.Width, width));
}
LegendBounds.Width = LegendSettings?.Position == LegendPosition.Custom ? Math.Min(LegendBounds.Width, (availableSize?.Width ?? 0) - LegendSettings.Location.X - LegendSettings.Border.Width) : LegendBounds.Width;
}

/// <summary>
Expand Down
2 changes: 1 addition & 1 deletion src/Components/Charts/Common/BaseTooltip/TooltipData.razor.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ private RenderFragment TemplateElements()
if (GivenContent is not null)
{
builder.OpenElement(seq++, "div");
builder.AddAttribute(seq++, "id", "tooltip_template");
builder.AddAttribute(seq++, "id", _owner?.ID + "tooltip_template");

if (_sharedTemplate)
{
Expand Down
7 changes: 6 additions & 1 deletion src/wwwroot/scripts/chart.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -189,7 +189,7 @@ const SfChart = (function () {
SfChart.prototype.getElementSize = function (id) {
const element = document.getElementById(id);
if (element) {
const tooltipTemplate = document.getElementById('tooltip_template');
const tooltipTemplate = document.getElementById(this.element.id + 'tooltip_template');
if (tooltipTemplate) {
element.innerHTML = '';
element.appendChild(tooltipTemplate);
Expand Down Expand Up @@ -6755,6 +6755,10 @@ export function onZoomingMouseEnd(e, chart) {
chart.userInteractionBase.disableTrackTooltip = false;
chart.zoomToolkitBase.isReset = false;
chart.zoomBase.zoomingModule.zoomAxes = [];
const zoomKitElement = getElement(chart.element.id + chart.zoomBase.zoomToolkitId);
if (zoomKitElement) {
zoomKitElement.style.visibility = 'visible';
}
}

export function onZoomingMouseDown(e, pageX, pageY, chart) {
Expand Down Expand Up @@ -7525,6 +7529,7 @@ export function removeTooltipCrosshairOnZoom(chart) {
const axisGroup = getElement(chart.element.id + '_crosshair_axis');
if (tooltip) {
tooltip.remove();
removeHighlight(chart);
}
removeMarker(chart);
if (crosshair && crosshair.getAttribute('opacity') !== '0') {
Expand Down