Я использую ngx-чарты в своем приложении angular 7.Я создаю панель управления, и некоторые из моих карт содержат ngx-диаграммы.Моя проблема в том, что, когда я экспортирую его, используя jspdf, таким образом:
var data = document.getElementById('dashboardArea');
html2canvas(data).then(canvas => {
// Few necessary setting options
var imgWidth = 208;
var pageHeight = 295;
var imgHeight = canvas.height * imgWidth / canvas.width;
var heightLeft = imgHeight;
const contentDataURL = canvas.toDataURL('image/png')
let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF
var position = 0;
pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight)
pdf.save('MYPdf.pdf'); // Generated PDF
Или получим внутренний html следующим образом:
var data = document.getElementById('dashboardArea');
var innerhtml = data.innerHTML;
и отправим его на сервер, используяВсе виды создателей PDF, я получаю тот же результат.область диаграммы черная.
![same chart when exported in all kind of tools to pdf](https://i.stack.imgur.com/5Ro0A.png)
Линейный график ngx нормально отображается в PDF.
Кто-нибудь знает, как это исправить?
Tx Tal.