Kendo UI chart series lables rendered incorrectly in PDF generation

jam Published at Dev

JAM

I'm using the Kendo UI dataviz ASP.NET MVC framework for rendering charts, like the example given here (using the ASP.NET MVC version).

The graphs and the series lables renders fine in the browser:

Browser snapshot

For generating the PDF, I use the Rotativa framework - using the wkhtmltopdf tool to convert html content to PDF.

The graph renders perfectly in the PDF, however the series lables on the top is rendered incorrectly:

PDF snapshot

As you can see, there is plenty of room for the labels to span out - but they are being rendered "randomly" on top of each other.

I have multiple graphs in the same exported PDF, and the all the labels for all the charts are incorrectly placed.

Here is my rotativa action result settings:

return new ViewAsPdf("Reports/_ReportBaseIndex", FilterData)
    {
        PageOrientation = ExportOrientation,
        CustomSwitches = "--disable-smart-shrinking --print-media-type --zoom 0.75 --javascript-delay 1000"
    };

Is there any way to fix the lables? Is it possible to statically place the labels, or do I have to recalculate the label positions? If so, how do I do that?

JAM

Our solution was to replace the PDF generator to Evo Pdf.

This fixed all of the rendering problems for us.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-03-11

Comments

0 comments

From Dev

Related Related

Article

Kendo UI chart series lables rendered incorrectly in PDF generation

Kendo UI chart series lables rendered incorrectly in PDF generation

Kendo UI for MVC: Export to Pdf not working

Kendo UI Scheduler incorrectly converting times, adding and subtracting hours backwards

Adding date to pdf export in Kendo UI

Kendo UI pie chart label overlap

Kendo UI Angular Chart multi axis support

Kendo UI Angular 2+ Chart - Series Tooltip Template - Access to Category Value and Other Data

Kendo UI Bar chart series name from remote data

How to wire Kendo UI Angular Chart to a datasource?

Kendo UI for Angular Chart Get Selection?

Category labels on a kendo UI bar chart

Javascript is rendered incorrectly

Kendo Chart, overlay of two series

highcharts drilldown column chart change Aaxis lables

How to make bar thicker in Kendo UI chart?

Kendo UI & AngularJS Notification CSS works incorrectly

AlertDialog with NumberPicker rendered incorrectly

Kendo UI chart tooltip and redraw

Kendo UI Chart X-Axis in hours

Kendo Chart : Order of drawing for the series?

Kendo line chart - series name with labels in two rows

Hover color on Kendo UI Bar Chart bars

Kendo UI Chart Structure got messed on refresh

Kendo chart legend series style

How can I combine "verticalRangeArea" with line chart in Kendo UI Chart?

Group and Stack data in Kendo UI Chart

Triggering resize of Kendo UI Chart in VueJS?

Mathjax is incorrectly rendered

Kendo chart grouped series sort issue

Kendo UI Multi-axis chart datasource