Skip to content

Commit c21def8

Browse files
committed
chore: polish kb article
1 parent 95615f6 commit c21def8

File tree

1 file changed

+1
-9
lines changed

1 file changed

+1
-9
lines changed

knowledge-base/chart-display-empty.md

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -21,18 +21,12 @@ ticketid: 1675313
2121

2222
## Description
2323

24-
As of version 7.1.0 of Telerik UI for Blazor, the [No Data Template](slug://chart-no-data-template) was introduced for Charts in Blazor. In some scenarios, displaying an empty Chart, rather than the No Data template, is preferred when there is no data. This knowledge base article also answers the following questions:
25-
26-
- How can I hide the No Data Template in Blazor Charts?
27-
- Is it possible to display an empty Chart in Blazor when there's no data?
28-
- Can I override the No Data Template in Blazor Charts?
24+
As of version 7.1.0 of Telerik UI for Blazor, the [No Data Template](slug://chart-no-data-template) was introduced for Charts in Blazor. In some scenarios, displaying an empty Chart, rather than the No Data template, is preferred when there is no data.
2925

3026
## Solution
3127

3228
To display an empty Chart when there is no data, [override the default theme styles](slug://themes-override) with custom CSS. The following example demonstrates how to achieve an empty Chart display by hiding the No Data Template overlay through CSS.
3329

34-
35-
3630
````RAZOR
3731
<TelerikButton OnClick="@UpdateData">@ButtonContent</TelerikButton>
3832
<br />
@@ -99,8 +93,6 @@ To display an empty Chart when there is no data, [override the default theme sty
9993
}
10094
````
10195

102-
By applying the `.k-chart-overlay { display: none; }` style, the No Data template overlay is hidden, allowing the Chart to appear empty when there is no data.
103-
10496
## See Also
10597

10698
- [Blazor Charts Overview](slug://components/chart/overview)

0 commit comments

Comments
 (0)