Highcharts SVG рендеринг проблема с PhantomJs - PullRequest
0 голосов
/ 14 декабря 2018

Я использую фантом (6.0.3), чтобы сделать скриншот угловой страницы и отправить html как электронное письмо, используя nodemailer (2.6.4).На угловой странице также есть несколько Highcharts (7.0.0).Когда страница открывается в веб-браузере в моей локальной сети, QA и Prod env, весь график выглядит так, как ожидалось.Но когда я отправляю одну и ту же страницу по электронной почте (используя фантом), Highcharts внутри электронной почты в локальной и QA-версиях выглядят как и ожидалось, но в версии Prod электронной почты обнаружены некоторые проблемы (скриншот ниже) - например, метки данных почтиидет к краю графика, и легенды начинают накладываться друг на друга!Я понятия не имею, что может быть причиной этих проблем, особенно в среде Prod, поскольку я использую одни и те же версии всех вышеупомянутых пакетов (узел, фантом, старшие диаграммы и т. Д.) Во всех средах (локальная, qa и prod).Единственное, что я смог выяснить при отладке исходного сообщения электронной почты, это то, что элементы 'g' в неисправных диаграммах имеют разные значения transform = translate (..., ...), и это приводит к ошибкам.выравнивание.Но я не могу понять, что является основной причиной такого поведения, поскольку я использую одну и ту же версию всех пакетов, и отличается только среда развертывания.Может ли быть какой-либо внешний модуль, который влияет на этот другой рендеринг?Буду признателен за любую помощь / предложения.

Вот скриншоты трендов Highchart из двух разных писем:1. Правильные метки ->enter image description here

2. Неправильное положение этикетки ->enter image description here

3. Правильные положения легенды ->enter image description here

4. Неправильные положения легенды ->enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...