d3.select method not working
I am new to datavis and the D3 library and I\'m trying to follow the tut here http://mbostock.github.com/d3/tutorial/bar-1.html
When I run the code, nothing displays
-
Using the inside the body makes it not only available to the tag or any of the but also executes it faster. Also as div is a tag u could create a class eg. one and then use it as d3.select(".one") so that it doesn't coincide.
讨论(0) -
If you do not wish to put your
<script>tags within the<body>element, you can also tell the browser to execute your d3 code (or any other JavaScript code) after the DOM is ready.Using a library such as jQuery, you can use:
$( document ).ready(function() { // Your d3 code here });This will ensure that your scripts are executed after the whole DOM is ready, including the
<body>element.For reference, examples and a shorter version of jQuery ready function, see http://learn.jquery.com/using-jquery-core/document-ready/.
讨论(0) -
The problem is related to the position of your
<script> .. </script>within the html document.No
bodyelement exists yet at the moment that your script is being executed. That means thatd3.select("body")will be empty, and nodiv.chartis being appended.Try to move your
<script> .. </script>inside the<body> .. </body>part. This will guarantee that thebodyelement exists when your code is being executed.讨论(0)
加载中...
- 热议问题