我对 JavaScript 的 Teechart 有问题。 我想在我们的主页中使用 Teechart 来显示具有 ~500.000 个值的折线图。
我的代码最多可以处理 100.000 个值，之后出现错误"超出最大调用堆栈大小">
teechart.js:72 Uncaught RangeError: Maximum call stack size exceeded
at C (teechart.js:72)
at Tee.Line.Tee.Series.minYValue (teechart.js:130)
at teechart.js:76
at I.eachAxis (teechart.js:134)
at I.minYValue (teechart.js:76)
at x.checkMinMax (teechart.js:39)
at x.adjustRect (teechart.js:113)
at Q.each (teechart.js:79)
at Tee.Chart.draw (teechart.js:150)
at k (teechart-extras.js:24)
我是Javascript的初学者，这是我的第一个测试，但我找不到问题。 我正在使用Teechart VCL，显示这么多值没有问题。
TeeChart for Javascript 可以处理这么多值吗？
function draw() {
Chart1=new Tee.Chart("canvas");
Series=new Tee.Line(Chart1);
Chart1.addSeries(Series);
Series.addRandom(200000);
Chart1.axes.left.title.text="[hPa]";
Chart1.axes.bottom.title.text="Date/Time";
Chart1.axes.bottom.labels.dateFormat = "dd.mm.yy hh:mm";
Chart1.series.items[0].marks.drawEvery=120;
Chart1.title.visible = false;
Chart1.legend.visible = false;
changeTheme(Chart1, "minimal");
Chart1.draw();
}
我对 teechart 一无所知，但错误消息实际上相当清楚。
每种语言都使用"调用堆栈"来管理对函数的调用。每次调用函数时，都必须保存当前的执行环境(所有局部变量，接下来应该执行哪一行等)，并且必须为被调用的函数设置一个新的执行环境(其参数，局部变量等)。如果该被调用函数随后调用另一个函数，则还需要保存其当前执行环境。
为了管理保存所有这些信息，我们使用堆栈。当您进行调用时，您的信息将保存到堆栈中。当该函数调用另一个函数时，它会被推送到堆栈上。当它解析其执行时，它会在您之前被拉出，当您的函数完成执行时，您将从堆栈中拉出。
现在谈谈你的问题。每次我们将新的函数调用推送到堆栈上时，都会占用一些内存。小，但仍然存在。但是，可供调用堆栈使用的内存量有限。所以，如果一个函数调用一个函数调用一个函数....并且我们太深地嵌套在函数调用中，然后调用堆栈耗尽内存。一旦发生这种情况，如果您尝试再次调用，计算机在物理上无法正确执行该命令，因此会发生此错误。
那么我们应该怎么做呢？
-
要么在代码中的某个地方，你有一个递归函数调用，递归太深。
-
或者在 teechart 的某个地方有一个使用递归的函数，你传递给它的一些值会导致它递归太深。
"问题"函数可能如下所示：
function recurse_x_times(x) {
if (x < 1) {
return;
}
// do some other stuff
return recurse_x_times(x-1);
}
我已经重现了这个问题，所以我已将其添加到公共跟踪器(#1976)。
我已经在下一个维护版本中修复了它。