Javascript 使用xml数据的散点图

Javascript 使用xml数据的散点图,javascript,xml,d3.js,Javascript,Xml,D3.js,我一直在尝试使用d3在2d图形中的数据基础上绘制散点图,我无法生成散点图,我有包含数据的xml文件 通过阅读两个教程,我对如何绘制x轴和y轴以及如何调用xml有了一点了解,但无法生成散点图。请帮帮我。。 脚本标记内的代码如下所示: <script> var margin = { top: 20, right: 20, bottom: 30, left: 40 }, width = 960 - margin.left - margin.right,

我一直在尝试使用d3在2d图形中的数据基础上绘制散点图,我无法生成散点图,我有包含数据的xml文件 通过阅读两个教程,我对如何绘制x轴和y轴以及如何调用xml有了一点了解,但无法生成散点图。请帮帮我。。 脚本标记内的代码如下所示:

<script>
var margin = { top: 20, right: 20, bottom: 30, left: 40 },
               width = 960 - margin.left - margin.right,
               height = 500 - margin.top - margin.bottom;
var x = d3.scale.linear()
          .range([0, width]);
var y = d3.scale.linear()
          .range([height, 0]);
var color = d3.scale.category10();
var xAxis = d3.svg.axis()
              .scale(x)
              .orient("bottom");
var yAxis = d3.svg.axis()
              .scale(y)
              .orient("left");
var svg = d3.select("body").append("svg")
            .attr("width", width + margin.left + margin.right)
            .attr("height", height + margin.top + margin.bottom)
            .append("g")
            .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
d3.xml("lookup.xml","application.xml", function (xml) {
});

</script>
xml数据

<Data>
  <Week_Avg>
    Monday (mm)
    <D_date>2012-01-12</D_date>
    <Number>1.1</Number>
  </Week_Avg>
</Data>
<Data>
  <Week_Avg>
    Tuesday (mm)
    <D_date>2011-04-01</D_date>
    <Number>2.2</Number>
  </Week_Avg>
</Data>
<Data>
  <Week_Avg>
    Wednesday (mm)
    <D_date>2012-06-15</D_date>
    <Number>3.3</Number>
  </Week_Avg>
</Data>

看起来您已经从其他地方复制并粘贴了一些代码,但自己并没有努力解决这个问题。有很多散点图的例子——我相信你会找到一些东西让你开始。正如我前面提到的,我找不到任何使用xml数据的散点图的例子。。这就是为什么我不知道如何使用它,所以我尝试使用可用的代码,它不是非法的,但无法接近解决方案。。。如果你知道任何电子书或教程,其中有一些与这种组合相关的例子,请分享