Hi
Richard,
We have analyzed your query
regarding the font rendering issue in the stacked bar chart. We utilized
ThemeHelper in the stacked bar demo sample to obtain the selected theme.
Instead of using ThemeHelper, you can directly utilize the Theme property in
the SfChart to set themes for the stacked bar chart. We have modified the
sample with the Bootstrap5 theme so that the default font family, Helvetica,
for this theme is applied. If a theme is not set, the default material theme
will apply and the chart will render with the Roboto font family. You can
further adjust the font based on your requirements using its properties.
Code Snippet:
|
<SfChart Title="Sales
Comparison" Width="@Width" Theme="Theme.Bootstrap5">
|
Sample : https://blazorplayground.syncfusion.com/LNBftohrVplTYfDA
For more
information about customizing the font of the chart, please refer to the
documentation links below.
Axis labels - https://blazor.syncfusion.com/documentation/chart/axis-labels#labels-customization
Data labels -https://blazor.syncfusion.com/documentation/chart/data-labels#customization
Tooltip - https://blazor.syncfusion.com/documentation/chart/tool-tip#tooltip-customization
Chart title - https://blazor.syncfusion.com/documentation/chart/chart-appearance#chart-title
Subtitle - https://blazor.syncfusion.com/documentation/chart/chart-appearance#chart-subtitle
Kindly revert us if you have any concerns.
Regards,
Ilamathi Govindaraj.
