Export multiple charts to PDF with React and jsPDF

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • highcharts-react

    The official Highcharts supported wrapper for React

  • First, let's add highcharts and highcharts-react-official (it's an official Highcharts wrapper for React) dependencies:

  • Highcharts JS

    Highcharts JS, the JavaScript charting framework

  • As we already have been using the Highcharts library on the project, I will use this library for chart rendering in this tutorial. But the following approach, I believe, is suitable for other most commonly used React chart libraries.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • jsPDF

    Client-side JavaScript PDF generation for everyone.

  • There are numerous libraries that help with creating pdf docs. After investigating a couple of options, I've decided to use jsPDF library.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts