無法使用d3將rect附加到SVG

Question

我在html主體的div內有一個SVG，並且我正在使用d3向此SVG附加“矩形”，但是未生成rect。

<script>
    //Select the SVG Container
      var svgContainer = d3.select("#svg_container");
      //Draw the Rectangle
      var rectangle = svgContainer.append("rect").attr("x", 10).attr("y", 10).attr("width", 50).attr("height", 100);

<svg id="svg_container" width="1000px" height="800px"</svg>

下面是一個plunkr添加- https://embed.plnkr.co/aNW8NtiRfS6FkSQMHtkB/

在生成“矩形”的任何幫助將不勝感激。

Answer 1

加載庫后，需要加載script.js。

http://plnkr.co/edit/8qxmu5KpPZroGhB1odGK?p=預覽

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="script.js"></script>
  </head>

  <body ng-app="MyApp">
      <div id="container" ng-controller="driversController">
            <div id="ElementPane" class="container">    
                <svg id="svg_container" width="1000px" height="800px"></svg>
            </div>
      </div>
  </body>
</html>

無法使用d3將rect附加到SVG

問題描述

1 個解決方案

解決方案1
1 已采納 2016-04-02 07:54:10

無法使用d3將rect附加到SVG

問題描述

1 個解決方案

解決方案1 1 已采納 2016-04-02 07:54:10

解決方案1
1 已采納 2016-04-02 07:54:10