首页 / JAVASCRIPT / javascript – d3.select方法不起作用

javascript – d3.select方法不起作用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – d3.select方法不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1183字，纯文字阅读大概需要2分钟。

内容图文

我是datavis和D3库的新手,我试图在http://mbostock.github.com/d3/tutorial/bar-1.html这里跟随tut

当我运行代码时,我的网页上没有显示任何内容,有人能指出问题吗？

我认为它与d3.select方法有关.当我运行代码并检查它时,正文是空的,所以我假设没有创建任何东西.任何帮助将非常感谢!!!

<title>3Dtut - 1</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.4.5">   </script>

<script type="text/javascript">
var data = [4, 8, 15, 16, 23, 42];  

//container for the bar chart
var chart = d3.select("body").append("div")
.attr("class", "chart");

//adding div elements to the bar chart
 chart.selectAll("div")
     .data(data)
     .enter().append("div")
     .style("width", function(d) { return d * 10 + "px"; })
     .text(function(d) { return d; });
</script>


<STYLE type="text/css">
.chart div {
   font: 10px sans-serif;
   background-color: steelblue;
   text-align: right;
   padding: 3px;
   margin: 1px;
   color: white;
 }
 </STYLE>
</head>
<body>
</body>
</html>

解决方法:

该问题与您的< script>的位置有关. ..< / script>在html文档中.

目前还没有正文元素存在,你的脚本正在被执行.这意味着d3.select(“body”)将为空,并且不会附加div.chart.

尝试移动您的< script> ..< / script>在< body>里面..< / body>部分.这将保证在执行代码时body元素存在.

内容总结

以上是互联网集市为您收集整理的javascript – d3.select方法不起作用全部内容，希望文章能够帮你解决javascript – d3.select方法不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/708392.html

来源：【匿名】