Пример отчета Plotly Dash vanguard не может быть правильно сохранен в pdf

Я просматриваю примеры сюжетных штрихов, а для примера авангарда (ссылка), это неправильно отображается в моем браузере Chrome: отсутствует нижняя часть каждой страницы. И если я нажму кнопку «ПЕЧАТЬ PDF» в правом верхнем углу и выберу «сохранить в pdf», файл будет иметь ту же проблему. Снимок PDF-файла:

введите описание изображения здесь

Формат выглядит нормально, если я переключаюсь на браузер IE, но когда я нажимаю кнопку «ПЕЧАТЬ PDF» и выбираю «Microsoft Print to PDF», выходной файл не имеет цвета фона:

введите описание изображения здесь

Я не уверен, как решить эту проблему, и может ли кто-нибудь мне с этим помочь? Большое спасибо!


pdf google-chrome internet-explorer plotly-dash plotly
person cone001    schedule 24.01.2019    source источник
comment
я не смог найти исходный код для этого приложения. его также нет в галерее Даш. Я просто хочу, чтобы код сохранял отчет в формате PDF или хотел бы знать, как это можно реализовать.   -  person Naveen Reddy Marthala    schedule 13.12.2019

Ответы (2)


arrow_upward
0
arrow_downward

Какая у вас версия браузера Chrome? Пытаюсь просмотреть pdf файл на своей стороне (версия Chrome: 71.0.3578.98 (официальная сборка) (64-разрядная версия)), вроде все работает хорошо, результат вот так, и при нажатии кнопки печати результат предварительного просмотра вот так.

Что касается отсутствия цвета фона в браузере IE. Попробуйте распечатать PDF-файл с помощью Chrome или Firefox, затем проверьте, отсутствует ли цвет фона.

Если цвет фона не пропал, возможно, проблема связана с настройками браузера IE. Вы можете попробовать включите параметр" Печатать цвета фона и изображения ".

Если цвет фона также отсутствует в Chrome и Firefox, вам может потребоваться проверить стиль CSS. Вы можете сослаться на эту ветку.

Изменить: Кроме того, я думаю, вы также можете проверить настройку бумаги страницы.

person Zhi Lv    schedule 25.01.2019

arrow_upward
0
arrow_downward

Я решил эту проблему, добавив нижеприведенный медиа-запрос в ваш файл css:

@media print
   html, body {
       -webkit-print-color-adjust: exact;
    }
person Jon Brown    schedule 27.09.2019