This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(291.2, 35%, 38%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ELK%3C/text%3E%3C/svg%3E)
I use the Chart.js library to draw charts, but I use the wkhtmltopdf library to convert pdf. But my javascrip codes and css codes are not working. How can I make it work?
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(73.60000000000001, 90%, 17%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EZL%3C/text%3E%3C/svg%3E)
Hi @levent koman ,
Do you mean you create a web page and use Chart.js to draw charts, before using the wkhtmltopdf library to convert pdf, everything works well (the JS and CSS code), but after using the wkhtmltopdf library to convert the html page to pdf, the JS and CSS code will not work, right? If that is the case, this issue relates to the wkhtmltopdf library, you can contact the wkhtmltopdf team, whether it supports the JS and CSS file when convert to pdf.
Thank you for your comment. I added kods my project but not working chart.js. I couldn't find the answer to this question anywhere. This is my detail question. https://stackoverflow.com/questions/72668882/how-can-i-run-javascript-codes-css-files-and-javascript-files-into-wkhtmltopdf.
You misunderstand Web API, MVC, and the wkhtmltopdf library. Web API returns data, usually JSON, not an HTML View. MVC returns an HTML View. Seems logical to me that a library with "HTML to PDF" in the name does not work with Web API.
You're right, but wkhtmltopdf library's purpose is to convert page to pdf without view. On my html page, javascript and jquery codes work, but it cannot render chart.js codes. I couldn't find how to do this.
You're right, but wkhtmltopdf library's purpose is to convert page to pdf without view.
According to the documentation, wkhtmltopdf converts HTML to PDF. In MVC the View contains the HTML not Web API. You need a different PDF library for Web API.
On my html page, javascript and jquery codes work, but it cannot render chart.js codes. I couldn't find how to do this.
Chart.js runs in the browser to generate the chart. wkhtmltopdf runs on the server. You're bypassing the browser and passing the raw HMTL to wkhtmltopdf. You need a JavaScript PDF library or you need a different chart library that can render the chart on the server.
As recommend above, you should reach out to wkhtmltopdf support for assistance.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 61%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBS%3C/text%3E%3C/svg%3E)
the links to css and js files must be either full url with server (and no security) or absolute file paths (relative path are not supported with string input html
what do your links look like?