带javascript数组的动态图？_Javascript_Arrays

带javascript数组的动态图？

javascript arrays

带javascript数组的动态图？,javascript,arrays,Javascript,Arrays,首先，我刚刚开始学习JavaScript，所以如果这个问题太琐碎，请不要责骂我所以。。在过去的两天里，我试图用动态图绘制x-y图，但没有成功 Dygrahp将“数据”作为csv输入（官方文档）： <html> <head> <script type="text/javascript" src="dygraph-combined-dev.js"></script> </head> <body> <div id="g

首先，我刚刚开始学习JavaScript，所以如果这个问题太琐碎，请不要责骂我

所以。。在过去的两天里，我试图用动态图绘制x-y图，但没有成功

Dygrahp将“数据”作为csv输入（官方文档）：

<html>
<head>
<script type="text/javascript"
  src="dygraph-combined-dev.js"></script>
</head>
<body>
<div id="graphdiv"></div>
<script type="text/javascript">
  g = new Dygraph(

    // containing div
    document.getElementById("graphdiv"),

    // CSV or path to a CSV file.
    "Date,Temperature\n" +
    "2008-05-07,75\n" +
    "2008-05-08,70\n" +
    "2008-05-09,80\n"

  );
</script>
</body>
</html>

<div id="graphdiv"></div>

        <script type="text/javascript">
            $(document).ready(function() {
                var list = ${dateAndWaitTimes};
                var x = document.write(list);
                g = new Dygraph( document.getElementById("graphdiv"), x);
            });
        </script>


g=新动态图(
//包含div
document.getElementById（“graphdiv”），
//CSV或CSV文件的路径。
日期、温度\n+
“2008-05-07,75\n”+
“2008-05-08,70\n”+
“2008-05-09,80\n”
);

在jsp文件中，我将数据存储到javascript数组中，然后将该数组转换为逗号分隔的值。然后我将这个csv传递给动态图。但由于某种原因，图表没有显示

这是我的代码：

<html>
<head>
<script type="text/javascript"
  src="dygraph-combined-dev.js"></script>
</head>
<body>
<div id="graphdiv"></div>
<script type="text/javascript">
  g = new Dygraph(

    // containing div
    document.getElementById("graphdiv"),

    // CSV or path to a CSV file.
    "Date,Temperature\n" +
    "2008-05-07,75\n" +
    "2008-05-08,70\n" +
    "2008-05-09,80\n"

  );
</script>
</body>
</html>

<div id="graphdiv"></div>

        <script type="text/javascript">
            $(document).ready(function() {
                var list = ${dateAndWaitTimes};
                var x = document.write(list);
                g = new Dygraph( document.getElementById("graphdiv"), x);
            });
        </script>


$（文档）.ready（函数（）{
var list=${dateAndWaitTimes}；
var x=文件写入（列表）；
g=新的动态图（document.getElementById（“graphdiv”），x）；
});

这是chrome调试器的输出：

请帮帮我，我真的很沮丧

谢谢。

动态图表确实接受数据表（类似于谷歌图表协议）。范例

它有两个以上的列，在同一个“x”上画几个“y”

去掉

document.write（list）

。相反，您需要传递列表

Dygraph

，如文档所示。所以做

g=newdygraph（document.getElementById（“graphdiv”），list）

。通过传递它

，你传递的是

未定义的@MikeC：如果我删除它，那么我如何将列表转换为csv，dygraph需要它？你为什么认为文档。write
可以帮你做到这一点？它所做的只是将内容写入DOM。用来把所有的东西都放在一起<代码>列表。加入（“”）
。我以为是文档。将转换后的列表写入csv。抱歉我的无知，我是javascript的绝对初学者。将尝试list.join（）。谢谢。你一定在做别的事。也许其他一些代码正在清空graphdiv
，或者您的代码中有一个打字错误，例如执行dygraph
而不是dygraph
。检查控制台是否有错误。