Repository navigation
(some PDF viewers) Orca using plotly.js > 1.49.5 creates thin lines for bars with 0 length #345
Description
Activity
Note that the issue doesn't appear when I look at the pdf using Ubuntu's built in document viewer but it does appear when I open the PDF in chrome.
cc @plotly/product
@antoinerg can you take a look plz?
Reacted by Antoine Roy-Gobeil- changed the title
[-]Orca using plotly.js > 1.49.5 creates thin lines for bars with 0 length[/-][+](some PDF viewers) Orca using plotly.js > 1.49.5 creates thin lines for bars with 0 length[/+]on Aug 20, 2020 The v1.49.5 changelog is here: https://github.com/plotly/plotly.js/releases/tag/v1.49.5
What is the lastplotly.jsversion that this works fine? Is that v1.49.4?@archmoj 1.49.5 works and 1.50.0 is the first version that fails
Reacted by Mojtaba SamimiIs this only problematic when the zero bars are on sides of the graph, not in the middle?
When the zero bars are in the middle on 1.50.0, the line appears before saving the chart to a PDF https://codepen.io/michaelbabyn/pen/xxVRbjY
Reacted by Mojtaba SamimiNote that I can reproduce the issue by printing the page to PDF using chrome if that makes debugging easier
Reacted by Antoine Roy-GobeilHere is v1.50.0 changelog: https://github.com/plotly/plotly.js/releases/tag/v1.50.0
Might be related to these PRs: plotly/plotly.js#4180 and plotly/plotly.js#4186Thanks @michaelbabyn for the clear description of the issue and the Codepen to reproduce the issue! Thanks @archmoj for the references!
The reason why plotly.js puts a bar with a width of 0 is to properly support transitions. We can't transition a bar from being non-existent to having a finite value. Anyway, that's the conclusion I reached when introducing plotly/plotly.js#4180.
It looks like a Chromium bug to me that rectangles with zero width would appear in its PDF output. Anyway, I think we could and should fix this in plotly.js since it will affect any Chromium user printing web pages and not just Orca users.
Reacted by Mojtaba SamimiI tried to extract the ghost SVG element from a plotly.js figure and put it into a Codepen in order to reproduce the issue: https://codepen.io/antoinerg/full/MWyvQWx . I was hoping to see a thin line when printing to PDF but alas, the rendering there is OK. I'm not sure what makes Chromium to render thin lines when printing plotly.js figure to PDF 😕
Closed by plotly/plotly.js#5282
0-length bars are visible in pdfs generated by Orca even though they aren't visible in the plotly.js graphs.
I can reproduce this issue using orca directly using this method with the below json figure.