显示从d3.js到web inspector的信息_D3.js

显示从d3.js到web inspector的信息

d3.js

显示从d3.js到web inspector的信息,d3.js,D3.js,你能告诉我为什么在声明变量x和y之后，标记和所有后续内容不再出现在我的web浏览器的检查器中吗？当我删除刚才提到的变量时，标记及其id=bar atribute会正确显示，下面的所有代码也是如此 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- <script src="http

你能告诉我为什么在声明变量x和y之后，

标记和所有后续内容不再出现在我的web浏览器的检查器中吗？当我删除刚才提到的变量时，

标记及其id=bar atribute会正确显示，下面的所有代码也是如此

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- <script src="https://d3js.org/d3.v4.min.js"></script> -->
<script src="./scripts/d3/d3.min.js"></script>

<script type="./scripts/d3js.js"></script>
<link rel="stylesheet" type="text/css" href="./styles/d3css.css">
<title>d3</title>
</head>

<body>

<script type="text/javascript">



var data = [213,20,60,232,150,74,110,39];
var w = 1000;
var h = 500;

var x = d3.scale.linear()
    .domain([0, data.length])
    .range([0,w]);
var y = d3.scale.linear()
    .domain([0, d3.max(data)])  
    .range([0,h]); 


var svg = d3.select("body").append("svg")
    .attr("id", "chart")
    .attr("width", w)
    .attr("height", h);


svg.selectAll(".bar")
    .data(data)
    .enter()
    .append("rect")
    .attr("class", "bar")
    .attr("x", function(d,i){
        return i * 40;
    })
    .attr("y", 0)
    .attr("width", 39)
    .attr("height", function(d,i){
        return y(d);
    })


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


d3
var数据=[213,20,60232150,74110,39]；
var w=1000；
var h=500；
var x=d3.scale.linear（）
.domain（[0，data.length]）
.范围（[0，w]）；
变量y=d3.scale.linear（）
.domain（[0，d3.max（数据）]）
.范围（[0，h]）；
var svg=d3.选择（“正文”）.追加（“svg”）
.attr（“id”、“图表”）
.attr（“宽度”，w）
.attr（“高度”，h）；
svg.selectAll（“.bar”）
.数据（数据）
.输入（）
.append（“rect”）
.attr（“类”、“条”）
.attr（“x”，函数（d，i）{
返回i*40；
})
.attr（“y”，0）
.attr（“宽度”，39）
.attr（“高度”，函数（d，i）{
返回y（d）；
})

您正在使用D3 v4.x。在该版本中，没有

scale.linear（）

。相反，它应该是：

var x = d3.scaleLinear()

对于

变量y

也是如此

当这一行出现在

var svg

（它附加了svg元素）之前时，它会抛出一个错误，并且永远不会创建svg标记。查看控制台，您将看到错误。

您使用的是D3 v4.x。在该版本中，没有

scale.linear（）

。相反，它应该是：

var x = d3.scaleLinear()

对于

变量y

也是如此

当这一行出现在

var svg

（它附加了svg元素）之前时，它会抛出一个错误，并且永远不会创建svg标记。查看控制台，您将看到错误