Question

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

所以..在过去的两天里，我试图使用dygraph绘制x-y图，但没有任何成功。

Dygrahp采取了数据＆＃39;作为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>

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

这是我的代码：

<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>

此处的chrome调试器输出：

请帮帮我，我真的很沮丧。

感谢。

Answer 1

Dygraph确实接受数据表（类似于Google Charts协议）。实施例

const dygrafTable = [     // 2D-array
  [x1, y1],    // either number or Date format
  ...
];
const g = new Dygraph(
    dygrafDiv ,     // where to plot
    dygrafTable,    // data (instead of a CSV file)
    {title, width, height, axes}  // options
);

如果列数超过2列，则会针对相同的“x”

绘制几个“ys”

带有javascript数组的Dygraph？

此处的chrome调试器输出：

1 个答案: