Question

所以我最近在黑客马拉松中引入了数据可视化，我对它非常感兴趣，并开始阅读一些对齐左侧以熟悉d3。我跟着制作了一个条形图，并且做了我认为正是原帖的说法。我比较了源代码，一切看起来都不错，但每当我打开文件时，它都会显示一个空白页面。 Atom对我来说也没有任何意义，但也可能是错误。

非常感谢任何帮助！

以下是代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>D3 Test</title>
        <script type="text/javascript" src="d3/d3.v3.js"></script>
        <style type="text/css"></style>
        <style type="text/css">
          div.bar {
            display: inline-block;
            width: 20px;
            height: 75px;
            margin-right: 2px;
            background-color: teal;
          }
        </style>
    </head>
    <body>
        <script type="text/javascript">
          var dataset = [5, 10, 15, 20, 25];
          d3.select("body").selectAll("div")
              .data(dataset)
              .enter()
              .append("div")
              .attr("class", "bar")
              .style("height", function(d){
                  var barHeight = d * 5;
                  return barHeight + "px";
            });
      </script>
    </body>
</html>

HTML中的Javascript数据可视化无法正常工作，无法识别编辑器错误

0 个答案: