add pie chart at OrderDetailReport.cshtml using chart.js

[jiangws88]

HI Guys,

I'm new for Serenity.
I want to add pie chart at pdf report (export-pdf-button , using WKHTMLToPdf? ) as below:

1. put script at head:

   <script src="~/lib/chartjs/chart.min.js"></script> <script> document.addEventListener('DOMContentLoaded', (event) => { var canvas = document.getElementById('pieChart'); var ctx = canvas.getContext('2d');

       var pieData = {
           labels: ['Category 1', 'Category 2'],
           datasets: [{
               data: [70, 30], 
               backgroundColor: ['#FF5733', '#33FF57'] 
           }]
       };
   
       var myPieChart = new Chart(ctx, {
           type: 'pie',
           data: pieData,
           options: {
               responsive: false, 
           }
       });
   
      });
   

   </script>

2. I can see pie at html format:

3. But can't see it at PDF file:
   

Please advise.

Thank you.

[jiangws88]

Solved.

[SuchitraPrab]

HI,

Can you please share the solution of export chart to pdf