[Solved] Area chart Errors after latest update

0 Answers 9 Views
Charts
Anthony
Top achievements
Rank 1
Iron
Anthony asked on 08 Apr 2026, 11:44 AM

I keep getting these errors after i updated to the latest release for a lot of charting components. This one is with ChartSeriesType.Area. The areas are there but don't have any coloring and are invisible.

 

telerik-blazor.js:1 Error: <path> attribute d: Expected number, "M140.35 13 L NaN 13 NaN 173.2…".
attr @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
_setEnd @ telerik-blazor.js:1
step @ telerik-blazor.js:1
t @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
setTimeout
play @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
_redraw @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
loadFonts @ telerik-blazor.js:1
preloadFonts @ telerik-blazor.js:1
ad @ telerik-blazor.js:1
createChart @ telerik-blazor.js:1
createWidget @ telerik-blazor.js:1
l @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
processJSCall @ blazor.web.js:1
beginInvokeJSFromDotNet @ blazor.web.js:1
Xr @ blazor.web.js:1
(anonymous) @ invoke-js.ts:323
Mc @ invoke-js.ts:82
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f797
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func184 @ dotnet.native.53ez3dx5uy.wasm:0xc3a3
$mono_background_exec @ dotnet.native.53ez3dx5uy.wasm:0x48887
Ko @ scheduling.ts:53
callUserCallback @ dotnet.native.ykrnppwhq2.js:8
(anonymous) @ dotnet.native.ykrnppwhq2.js:8
setTimeout
safeSetTimeout @ dotnet.native.ykrnppwhq2.js:8
Mc @ scheduling.ts:63
$func793 @ dotnet.native.53ez3dx5uy.wasm:0x48825
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f773
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func184 @ dotnet.native.53ez3dx5uy.wasm:0xc3a3
$mono_background_exec @ dotnet.native.53ez3dx5uy.wasm:0x48887
Ko @ scheduling.ts:53
callUserCallback @ dotnet.native.ykrnppwhq2.js:8
(anonymous) @ dotnet.native.ykrnppwhq2.js:8
setTimeout
safeSetTimeout @ dotnet.native.ykrnppwhq2.js:8
Mc @ scheduling.ts:63
$func793 @ dotnet.native.53ez3dx5uy.wasm:0x48825
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f773
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func184 @ dotnet.native.53ez3dx5uy.wasm:0xc3a3
$mono_background_exec @ dotnet.native.53ez3dx5uy.wasm:0x48887
Ko @ scheduling.ts:53
Zo @ scheduling.ts:42
8Error: <g> attribute transform: Expected number, "matrix(NaN,NaN,NaN,NaN,…".
telerik-blazor.js:1 Error: <path> attribute d: Expected number, "M57 40.301 L NaN 40.301 NaN 2…".
attr @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
_setEnd @ telerik-blazor.js:1
step @ telerik-blazor.js:1
t @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
setTimeout
play @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
_redraw @ telerik-blazor.js:1
redraw @ telerik-blazor.js:1
setOptions @ telerik-blazor.js:1
setWidgetOptions @ telerik-blazor.js:1
setOptions @ telerik-blazor.js:1
a @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
processJSCall @ blazor.web.js:1
beginInvokeJSFromDotNet @ blazor.web.js:1
Xr @ blazor.web.js:1
(anonymous) @ invoke-js.ts:323
Mc @ invoke-js.ts:82
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f797
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func184 @ dotnet.native.53ez3dx5uy.wasm:0xc3a3
$mono_background_exec @ dotnet.native.53ez3dx5uy.wasm:0x48887
Ko @ scheduling.ts:53
callUserCallback @ dotnet.native.ykrnppwhq2.js:8
(anonymous) @ dotnet.native.ykrnppwhq2.js:8
setTimeout
safeSetTimeout @ dotnet.native.ykrnppwhq2.js:8
Mc @ scheduling.ts:63
$func793 @ dotnet.native.53ez3dx5uy.wasm:0x48825
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f773
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func184 @ dotnet.native.53ez3dx5uy.wasm:0xc3a3
$mono_background_exec @ dotnet.native.53ez3dx5uy.wasm:0x48887
Ko @ scheduling.ts:53
callUserCallback @ dotnet.native.ykrnppwhq2.js:8
(anonymous) @ dotnet.native.ykrnppwhq2.js:8
setTimeout
safeSetTimeout @ dotnet.native.ykrnppwhq2.js:8
Mc @ scheduling.ts:63
$func793 @ dotnet.native.53ez3dx5uy.wasm:0x48825
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f773
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func191 @ dotnet.native.53ez3dx5uy.wasm:0xc747
$mono_wasm_execute_timer @ dotnet.native.53ez3dx5uy.wasm:0x10b011
Zo @ scheduling.ts:38

<TelerikChart @ref="_chart" >
<ChartTooltip Visible="true" />
<ChartSeriesItems>
<ChartSeries Type="ChartSeriesType.Line" Size="3" Name="Estimate Goal" Data="@_seriesPlanned" >
<ChartSeriesLabels Visible="true" Background="transparent" Position="ChartSeriesLabelsPosition.Top"  />
<ChartSeriesMarkers Type="ChartSeriesMarkersType.RoundedRect" Size="0" Background="transparent"  />
<ChartSeriesLine Color="blue" Width="5" ></ChartSeriesLine>
</ChartSeries>
<ChartSeries Type="@ChartSeriesType.Area" Color="dodgerblue" Name="Hours Awarded" Data="@_seriesReceived" MissingValues="ChartSeriesMissingValues.Interpolate">
<ChartSeriesLine Color="blue" Width="1" Style="@ChartSeriesLineStyle.Normal" />
</ChartSeries>
<ChartSeries Type="@ChartSeriesType.Area" Color="teal" Name="Contract Changes" Data="@_seriesChanges" MissingValues="ChartSeriesMissingValues.Interpolate">
<ChartSeriesLine Color="darkgreen" Width="100" Style="@ChartSeriesLineStyle.Normal" />
</ChartSeries>
<ChartSeries Type="@ChartSeriesType.Area" Color="salmon" Name="Orders" Data="@_seriesOrders" MissingValues="ChartSeriesMissingValues.Interpolate">
<ChartSeriesLine Color="red" Width="2" Style="@ChartSeriesLineStyle.Normal" />
</ChartSeries>
</ChartSeriesItems>
<ChartCategoryAxes>
<ChartCategoryAxis Categories="@_xAxisItems" />
</ChartCategoryAxes>
<ChartLegend Position="ChartLegendPosition.Left" />
</TelerikChart>

No answers yet. Maybe you can help?

Tags
Charts
Asked by
Anthony
Top achievements
Rank 1
Iron
Share this question
or