I have a plot (that I create with Python but I edit later on the html/js) that looks like this:
When I open the html, there are errors on the console:
Error: Problem parsing d="MNaN,NaNHNaNMNaN,NaNHNaN"
Error: Problem parsing d="MNaN,NaNHNaNMNaN,NaNHNaN"
Although the graphs look fine, these errors are annoying (as there are many graphs like this on the page, and therefore many errors).
I have traced the error to the part:
function(){this.setAttribute(e,r)}}
on the plotly.min.js file (I have tested many versions 2.XX and it always happen, including 2.14.0).
Also, what seems to be causing this is related to the black line of xaxis2
and yaxis2
(which is the top-right graph). This is how the layout looks like for this part:
xaxis2: {
anchor: "y2",
domain: [0.806, 1.0],
mirror: true,
ticks: "",
linecolor: "black",
showgrid: false,
range: [0.0, 1.0],
fixedrange: true,
showticklabels: false,
},
yaxis2: {
anchor: "x2",
domain: [0.73, 1.0],
mirror: true,
ticks: "",
linecolor: "black",
showgrid: false,
range: [0.0, 1.0],
fixedrange: true,
showticklabels: false,
},
If I comment out the linecolor: "black"
, the errors disappear. I have created a (somewhat) minimal example here: https://codepen.io/filipesmg/pen/ZExmorL
However, the error is not showing directly in codepen (maybe because the error is inside plotly.js?) If that code is put inside <html>(...)</html>
, it shows up. The linecolor
lines are 640 and 652.
Any idea on how to solve these errors or what is causing it?
edit: Ok, so the error comes from this part on plotly.min.js (which I don’t know how to identify on the other files of the repo):
(Y.attr = function (e, r) {
if (arguments.length < 2) {
(...)
}
return this.each(K(e, r));
}),
The problem is that in this case, there’s an argument r
that is undefined
, so it doesn’t enter the if (arguments.length < 2)
and it goes to return this.each(K(e, r));
where it gives an error in the .setAttribute(e,r)
.