Accent in exported PDF

[Simon]

Hello,

The PDF generated by kendo chart seems to have  a problem dealing with accents.  I attached an image showing 3 export made from the same chart.  Please note that Montréal is displayed correctly in the PNG and the SVG but not in the PDF.

This issue is not only the the categories, it also occurs in the title and legend.

Can you confirm if this is a bug and if it could get fixed? 

Best regards,

Simon

 

 

[Mihai]

Hello,

You need to use a TrueType font for Unicode support.  Kendo UI ships with the DejaVu fonts, but when the CSS resides on another domain than the main page it will not be able to detect the font file locations, so you need to declare it manually using kendo.pdf.defineFont like for example in this sample (note the ş characters in the title, they would not show up properly without declaring the TTF files).

As well, for proper display you should declare the font in your chart widget.  The sample above declares title.font option "bold 16px 'DejaVu Sans'", and later at the end of the file you can see the kendo.pdf.defineFont call (see docs) which is necessary because the CSS is loaded from the CDN.

In your case you should set option categoryAxis.labels.font to use the DejaVu font.

Hope this helps.

Regards,
Mihai
Telerik

 

 

[Simon]

Great answer!

Thank you Mihai

[Pisith]

Hello Mihai,

how to set option categoryAxis.labels.font to use the DejaVu font.?

 

[Tsvetomir]

Hi Pisith,

The DejaVu font could be applied by using the categoryAxis.labels.font field as follows:

categoryAxis: [{
  labels: {
     font: "20px DejaVu",
  },
  categories: ["2011", "2012", "2013"]
}],

Kind regards,
Tsvetomir
Progress Telerik

[Pisith]

Hello Mihai,

I will try 

Thank you for your idea