- Getting Started
- Installation
- Key Concepts
- Integrations
- Account & Billing
- Security & Privacy
- PDF Generation
- Reference
- Tutorials
- Troubleshooting
- Excel Generation
- Reference
- Troubleshooting
Troubleshooting JavaScript Frameworks & Charting Libraries
DocRaptor supports most JavaScript frameworks and charting libraries. including:
-
amCharts
-
AngularJS
-
Backbone
-
D3
-
FusionCharts
-
Flot
-
HighCharts
-
Google Charts
-
Ember.js
-
jQuery
-
React
-
and many more!
Libraries we support with customization:
-
ChartJS - see example for details
Libraries we don’t support:
-
Chartist
-
Dycharts
Here are some troubleshooting tips for common issues, but don’t hesitate to email us at Support@DocRaptor.com. Our support team is an enormous advantage of using DocRaptor and we’re eager to help you generate the perfect document.
Tip #1: Enable JavaScript JavaScript parsing is disabled by default on DocRaptor because your documents render much faster without it. You'll need to turn it on for frameworks and charting libraries, though!
Tip #2: Set a base url or use absolute URLs in external references and AJAX calls We render your document on our servers, which means there's no URL for us to use. We'll still need to know where to find any external resources, though.
Tip #3: Disable animation Animation looks great on a website, but don't work in PDFs. Disable animation in any charting library to ensure correct chart rendering in your PDFs.
Tip #4: Make sure you’re using the UTF-8 charset
Many charting libraries, including D3, include UTF-8 characters in their code. If you don’t define your character set as UTF-8, you will encounter an encoding error when you try to make your document. Simply add <meta charset="utf-8"> to inside your <head></head> to fix.
Tip #5: Delay rendering if necessary It’s common for JavaScript code to make asynchronous requests, but by default, we don’t wait on these requests to finish (this would often result in documents that never render). Use our docraptorJavaScriptFinished() function to delay rendering until you’re ready.
Tip #6: For AngularJS specifically, disable SCE We render your document on our servers, but AngularJS blocks requests to resources on different servers by default. Dissable SCE to stop Angular from blocking these requests.
if you run into any problems, contact our support team. We are here to help!