@using Syncfusion.Blazor.Charts
<h3>Minimal Repro: Shared Tooltip Shows Wrong Values for Empty Categories</h3>
<SfChart Title="Grouped Column Chart Tooltip Issue" Width="700px" Height="400px">
<ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category" Interval="1" />
<ChartPrimaryYAxis Title="Value" />
<ChartSeriesCollection>
@foreach (var info in SeriesInfos.OrderBy(s => s.Order))
{
<ChartSeries DataSource="@ChartPoints.Where(p => p.Series == info.Name)"
XName="Category"
YName="Value"
Name="@info.Name"
Fill="@info.Color"
Type="Syncfusion.Blazor.Charts.ChartSeriesType.Column">
</ChartSeries>
}
</ChartSeriesCollection>
<ChartLegendSettings Visible="true" />
<ChartTooltipSettings Enable="true" Shared="true" Header="<b>${point.x}</b>" ShowNearestPoint="false" EnableHighlight="true" />
</SfChart>
@code {
// Series info
private List<SeriesInfo> SeriesInfos = new()
{
new SeriesInfo("Gamma", "#a5a5a5", 1),
new SeriesInfo("Beta", "#ed7d31", 2),
new SeriesInfo("Alpha", "#4472c4", 3)
};
// Chart points: some series are missing values for some date-AM/PM categories
private List<DataPoint> ChartPoints = new()
{
// Only Alpha has "08/05-AM" value
new DataPoint("08/05-AM", "Gamma", null),
new DataPoint("08/05-AM", "Beta", null),
new DataPoint("08/05-AM", "Alpha", 10),
new DataPoint("08/05-PM", "Gamma", 12),
new DataPoint("08/05-PM", "Beta", 15),
new DataPoint("08/05-PM", "Alpha", 20),
new DataPoint("08/06-PM", "Gamma", 22),
new DataPoint("08/06-PM", "Beta", 25),
new DataPoint("08/06-PM", "Alpha", 30),
// Only Beta and Gamma have "08/07-AM"
new DataPoint("08/07-AM", "Gamma", 32),
new DataPoint("08/07-AM", "Beta", 35),
new DataPoint("08/07-AM", "Alpha", null)
};
public record SeriesInfo(string Name, string Color, int Order);
public class DataPoint
{
public DataPoint(string category, string series, double? value)
{
Category = category;
Series = series;
Value = value;
}
public string Category { get; set; }
public string Series { get; set; }
public double? Value { get; set; }
}
}
