Question

我知道这个问题已基本涵盖，但我仍然坚持，所以任何帮助都不仅仅是值得赞赏。我试图在d3.js脚本中在我的计算机上本地显示一些csv文件中的数据，但没有显示任何内容。到目前为止，我尝试了两种解决方案：

解决方案1：

在线发现的一些答案表明解决方案是安装本地服务器。所以我安装了便携版的Uniform Server UPX（因为我没有管理员权限在我的计算机上安装节点http服务器）。但即使我从index.html所在的目录运行服务器，也没有任何反应。这是我用来从csv文件中读取数据的代码：

d3.csv("data.csv", type, function(error, data) {
  x.domain([0, d3.max(data, function(d) { return d.value; })]);

  chart.attr("height", barHeight * data.length);

  var bar = chart.selectAll("g")
      .data(data)
    .enter().append("g")
      .attr("transform", function(d, i) { return "translate(0," + i * barHeight + ")"; });

  bar.append("rect")
      .attr("width", function(d) { return x(d.value); })
      .attr("height", barHeight - 1);

  bar.append("text")
      .attr("x", function(d) { return x(d.value) - 3; })
      .attr("y", barHeight / 2)
      .attr("dy", ".35em")
      .text(function(d) { return d.value; });
});

此外，这个解决方案对我来说并不方便，因为我希望从csv文件自动更新数据，而不必运行cmd提示来启动http服务器......

溶液2

我尝试通过在我的头索引中添加以下行来允许浏览器访问本地文件，但没有成功：

<!DOCTYPE html>
<meta charset="utf-8">
<head>
<meta http-equiv="Access-Control-Allow-Origin" content="*"/>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<style>

请指出我应该怎么做才能解决问题？

感谢。

无法从本地csv文件显示d3.js中的数据

0 个答案: