score:1
i think your problem is not with html2pdf but the error is with the events sequence to create the html2pdf. what i understand doing events as:
1. loading php code
2. loading according to php and creating charts/canvas through js
3. pringing html2pdf output through php code
the real problem is that step no.3 is not waiting for completion of step no.2. thus, you have to create a trigger/event to start step no.3 on completion of step no.2. generally the html2pdf are created through js as under:
score:2
as the error message hints for: you'd have go to html2pdf on github and create a new issue there; in order to have tag canvas
added into the next one release of the library - or try to use something else than a canvas
to render the chart; other charting-libraries would also work with tag div
or svg
.
well, see issue 372 ...the author does not intent to add tag canvas
.
therefore, you could only work around, eg. with phantomjs
, to create a screenshot of the canvas and then use that as static image resource, in order to render it to pdf.
Source: stackoverflow.com
Related Query
- How to add ChartJS code in Html2Pdf to view image
- How do I add time sourced from an external source as an X axis to a ChartJS graph?
- How to modify chartjs tooltip so i can add customized strings in tooltips
- How to add label for ChartJs Legend
- How to change the color of legend in chartjs and be able to add one more legend?
- How can i add an image as background in Chartjs?
- How to add background color between two lines in yAxis Chartjs
- How to add image to chart.js tooltip?
- How to add an image to a slice of a donut chart in chart.js?
- How to add background image in bar chart column in Chart.js?
- ChartJS version 3 how to add percentage to pie chart tooltip
- How to add background color between two specific lines in Chartjs 3.1
- How to add datalabels to chartJS on Primefaces
- How to add a Date Selector to Chartjs in the context of Vue.js
- How to add new data point and remove leftmost data point dynamically in Chartjs
- How to add space to the bottom of the chart in chartjs [angular]
- chartjs 2.7 how to add labels in center of horizontal bar graph
- How to add left padding for my charts done in ChartJs and my Google Map so it is not glued to the limit of the page on the left
- How to add margin bottom in Tittle ChartJS
- How to add additional label in the middle of each bar using ChartJS
- How to add image inside the doughnut chart using chart.js?
- How do I add Date range filter in chartjs in the context of Vue.js
- ChartJS - How to add Text between Pie Chart and Legend
- How do I add an image in the middle of Donut Chart?(Chart.js)
- chartjs - how do I add border radius on bottom corners
- how to add extra label at zero levels in x-axis in chartjs
- How to modify chartjs tooltip to add customized attribute
- how to add color to each data in chartjs scatter plot
- How can I add functionality to Chartjs Doughnut chart custom legend
- Add an image as background in ChartJS chart area [Not to canvas]
More Query from same tag
- ChartJS with Dynamic Colors
- pie chart in php with mysql data using chart.js
- How to implement chart.js in Angular2
- Chart.js horizontalBar customization
- Why is this Chart.js graph not showing the right colors?
- ChartJS Stacked Group with labels on each bars
- Can't get if else statement in tooltip label to work in chartjs
- how to add tool tip in yii-chartjs extension
- Chart.js different y axis depending on graph from select options
- Issue with HTML2Canvas - Green overlay while exporting
- get yLabel value onclick chart js
- Custom tooltip on Chart.js is coming undefined
- How to change the z order of a chartjs polar chart
- How to update chart.js using Javascript
- VueJS : How to group by based on response data columns
- ChartJS multiple tooltip callbacks not working
- Vue.js chart not working?
- How to scrape an interactive charts with scrapy?
- ERROR TypeError: Cannot read property 'testMethod' of undefined
- How to scale label size radar chart chart.js
- ChartJS: call the property of an array object in the tooltip
- Customization of Data Labels in doughnut chart ng2-charts
- how to transform changing data to be visualized in a chart.js
- ChartJS bar chart fixed width for dynamic data sets
- chart.js radar pointLabel options not working
- Change the Y-axis values from real numbers to integers in Chart.js
- How to Increase the label font size and decrease the size of my pie using chart.js?
- TypeError Not reading property correctly
- How to loading animation while populating activerecord in Rails 4.0?
- Change 'points' on a line chart to donuts using Chart.js