Closed
Description
The following html file:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.plot.ly/plotly-2.18.1.min.js"></script>
</head>
<body>
<div id="57a4a499-302c-4550-8d8b-db70a1129fab">
<!-- Plotly chart will be drawn inside this DIV -->
</div>
<script type="text/javascript">
var renderPlotly_57a4a499302c45508d8bdb70a1129fab = function () {
var data = [
{
type: "scatter3d",
mode: "lines+markers",
x: [1, 4],
y: [2, 5],
z: [3, 6],
marker: {},
line: {},
},
];
var layout = {
width: 600,
height: 600,
scene: { camera: { projection: { type: "perspective" } } },
};
var config = { responsive: true };
Plotly.newPlot(
"57a4a499-302c-4550-8d8b-db70a1129fab",
data,
layout,
config
);
};
renderPlotly_57a4a499302c45508d8bdb70a1129fab();
</script>
</body>
</html>leads to weird marker rendering bugs on chrome and edge(chromium), but not on firefox. Using any plotl.js version <2.17.0 fixes the issue. It is not reproducible for me via codepen though, so here are three browser window snapshots of this file:
- Edge 110.0.1587.49
- Chrome 110.0.5481.104
- Firefox 110.0
Metadata
Metadata
Assignees
Labels
No labels