Javascript 动态图-仅在第一个图形上亮显

我们正在研究动态图，遇到一些奇怪的问题。我们本质上是在试图复制；但是，高亮显示仅适用于其中一个图形。此外，当鼠标滑过其他图形上的数据点时，我们在Chrome的控制台中看到一个错误：“UncaughtTypeError:undefined不是一个函数。”尝试深入动态图源并没有什么效果，因为我们只有缩小的版本，并且没有试验过“源”版本。有没有人遇到过类似的问题？如果是，你是如何解决的

为了提供一些额外的上下文，我们正在处理大小适中的数据：450多行，每行大约500个数据点。这些图的目标是查看异常值

在Firefox上，数据甚至没有显示出来，但我们的大部分用户都在Chrome上，所以我们对此并不担心

欢迎在评论中提供任何其他反馈：）

.graphdiv2.dygraph legend>span{display:none；}
.graphdiv2.dygraph legend>span.highlight{display:inline；}
.graphdiv2{宽度：40%；高度：40%；}

/*
*/
$（“#调试”）.text（“加载…”）；
var makeGraph=函数（列名称）{
var div=document.createElement（'div'）；
div.className=“graphdiv2”+列名称；
div.style.display='inline block'；
div.style.margin='4px'；
gs=[]；
var blockRedraw=false；
$（“#graphdiv2”）。追加（div）；
$.ajax({
数据类型：“json”，
url:“data.php”，
数据：{col_name:col_name，realm_id:1，hours:0.5}
}).完成（功能（数据）{
$（“#调试”）.text（“加载数据。设置图形”）；
/*变量标签={labels:data[“labels”]}*/
变量图数据=数据[“数据垃圾”]
;
对于（var i=0；i

找到了问题

我们的数据以字符串而不是整数的形式返回。将它们转换为整数解决了这个问题

改变

for ( var i = 0; i < graph_data.length; i++) {
  graph_data[i][0] = new Date(graph_data[i][0]);
}

for（变量i=0；i

到

for（变量i=0；i

for ( var i = 0; i < graph_data.length; i++) {
  graph_data[i][0] = new Date(graph_data[i][0]);
}

for ( var i = 0; i < graph_data.length; i++) {
  graph_data[i][0] = new Date(graph_data[i][0]);
  for ( var j = 1; j < graph_data[i].length; j++) {
    graph_data[i][j] = parseInt(graph_data[i][j]);
  }
}