javascript - Plotly JS 折线图有非常奇怪的线条

Question

所以我有一个站点，我正在使用 plotly.js 进行一些数据建模。 .我正在绘制大量点(以千计)。在我的后端，我计算点的回归方程，并为图形上的每个 x 值生成坐标。当我在 plotly.js 中绘制方程点时跟踪，我有时会得到非常奇怪的结果，例如

这应该是一个多项式曲线，我使用方程得到点

    yPoints.push((quad[0] * (m*m)) + (quad[1] * m) + quad[2])

哪里 quad[0] quad[1]和 quad[2]是我从确定回归分析中得到的系数。

我不确定为什么我会得到某些坐标集如此奇怪的图形结果。有人知道为什么吗？

或者，有人知道在 plotly.js 中绘制函数的任何方法吗？使用 plotly 或第三方的图表？

如果您需要更多信息，请告诉我。
谢谢您的帮助!

Answer 1

感谢 NVRM 的所有评论。事实证明，这不是 SVG 问题。这甚至不是一个情节问题。问题出在我的数据上。我有一个数据库，用于查询用于生成趋势线(图表上的点)的数据。出于某种原因，我生成的点的 y 值有时为 NULL。这导致了回归计算的一些奇怪之处，并且当值为 NULL 时会生成一些异常值。

该图仍有一些奇怪之处，但主要问题是通过从趋势线考虑中删除带有 NULL 的值来解决的。

这个故事的寓意总是检查你的数据 child 。