0

我正在尝试掌握d3.js以获取可视化数据表示，并且在其中提供的教程之一中，我尝试运行将 .csv 文件作为输入然后使用所需的 svg 方法和 java 脚本显示的代码之一它在网页上。

好吧，当我尝试运行下面的代码时，它没有成功。我在我的系统中安装了 xampp。我将 j3s.html 保存在 httpdocs 文件夹中，并将 .csv 文件保存在同一文件夹中，但有些如何不工作。

我对 web 和 java 脚本完全陌生，但是是的，这段代码很容易理解。下面是代码。

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
</head>
<body>
    <div id="viz"></div>
    <script type="text/javascript">

d3.text("auto_mpg_tmp.csv", function(datasetText) {

var parsedCSV = d3.csv.parseRows(datasetText);

var sampleHTML = d3.select("#viz")
    .append("table")
    .style("border-collapse", "collapse")
    .style("border", "2px black solid")

    .selectAll("tr")
    .data(parsedCSV)
    .enter().append("tr")

    .selectAll("td")
    .data(function(d){return d;})
    .enter().append("td")
    .style("border", "1px black solid")
    .style("padding", "5px")
    .on("mouseover", function(){d3.select(this).style("background-color", "aliceblue")})
    .on("mouseout", function(){d3.select(this).style("background-color", "white")})
    .text(function(d){return d;})
    .style("font-size", "12px");
});

    </script>
</body>
</html>

好吧，我的 XAMPP 也有很多问题，我尝试使用此链接解决这些问题。这是xampp服务器的错误日志。

4:17:41 PM  [Apache]    Error: Apache shutdown unexpectedly.
4:17:41 PM  [Apache]    This may be due to a blocked port, missing dependencies, 
4:17:41 PM  [Apache]    improper privileges, a crash, or a shutdown by another method.
4:17:41 PM  [Apache]    Press the Logs button to view error logs and check
4:17:41 PM  [Apache]    the Windows Event Viewer for more clues
4:17:41 PM  [Apache]    If you need more help, copy and post this
4:17:41 PM  [Apache]    entire log window on the forums
4

2 回答 2

0

对您来说最简单的方法是使用 Python 网络服务器进行开发，而不是使用整个 XAMPP 堆栈。

确保已安装 Python。在包含您的顶级index.html（您在上面粘贴的内容）的目录中，只需执行以下操作：

python -m SimpleHTTPServer

这将启动一个迷你网络服务器，您可以通过在浏览器中输入以下内容来访问它：

http://127.0.0.1:8000
于 2013-09-24T12:37:08.193 回答
0

我不确定您的服务器堆栈有什么问题。但是 Javascript 代码似乎很好。我让它在 JSBin 上完好无损地运行。

于 2013-09-23T11:45:04.787 回答