Hi
In my project my sparklines became unreadable after we started switching to the fluent theme.
I noticed I can reproduce this on the example page too.
telerik.com/kendo-angular-ui/components/charts/examples/sparkline/basic/?theme=fluent-main&themeVersion=8.0.1
Q. is there a quick fix, perhaps setting a scss variable to ensure minimum width, or a minimum size in the div container to force this.
Also, there seems to be an unwanted 3px grey border around all charts when using the fluent theme.
1 Answer, 1 is accepted
0
Accepted
John
Top achievements
Rank 1
Iron
Rank 1
Iron
answered on 21 May 2024, 03:58 AM
I added the following css custom properties.
Particularly, setting the border-width: 0px
seems to avoid the default 'unset' value which screws up both chart and sparkline.
.k-chart,
.k-sparkline {
--kendo-chart-border: transparent;
--kendo-chart-border-width: 0px;
}