Question

有些人帮我吗？

你能否告诉我为什么在变量“x”和“y”之后，标签“svg”以及代码后面的所有内容都不再出现在我的网络浏览器检查器中？当我删除刚刚提到的变量时，“svg”标签及其“id = bar”属性会在代码中正确显示。

-------------代码：------------

<!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.js到Web检查器的信息。

0 个答案: