Javascript 使用xml数据的散点图
我一直在尝试使用d3在2d图形中的数据基础上绘制散点图,我无法生成散点图,我有包含数据的xml文件 通过阅读两个教程,我对如何绘制x轴和y轴以及如何调用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,
<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数据的散点图的例子。。这就是为什么我不知道如何使用它,所以我尝试使用可用的代码,它不是非法的,但无法接近解决方案。。。如果你知道任何电子书或教程,其中有一些与这种组合相关的例子,请分享