Sparkline Pie Labels Font Size

2 Answers 40 Views
Charts
Benedetta
Top achievements
Rank 1
Veteran
Iron
Benedetta asked on 28 May 2021, 12:43 PM

Hello, 

I'm using the sparline component and i need to upscale the font size of the labels.

Here a stackbliz:

https://stackblitz.com/edit/angular-cdvth5

Any suggestion?

Thanks in advance,

Benedetta

2 Answers, 1 is accepted

Sort by
0
Hetali
Telerik team
answered on 02 Jun 2021, 03:17 AM

Hello Benedetta,

Thank you for the StackBlitz example.

In order to  upscale the font size of the Kendo UI Series Labels, use the font property of the SeriesLabelsComponent. For example:

<kendo-sparkline
  [series]="series"
  type="pie"
>
</kendo-sparkline>

public series = [
  {
    labels: {
      font: '25px RobotoRegular, Helvetica, Arial, sans-serif; white-space:pre'
    }
  }
];

In this updated StackBlitz example, I have upscaled the font size of the Series Labels by using the font property.

I hope this helps. Let me know if I can further assist you.

Regards,
Hetali
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

0
Benedetta
Top achievements
Rank 1
Veteran
Iron
answered on 07 Jun 2021, 09:45 AM
Thank you very much, I succeeded!
b
Tags
Charts
Asked by
Benedetta
Top achievements
Rank 1
Veteran
Iron
Answers by
Hetali
Telerik team
Benedetta
Top achievements
Rank 1
Veteran
Iron
Share this question
or