xml ファイルを解析し、 d3.jsを使用してグラフを作成する小さなアプリケーションを作成しています。
これまでのところ、次のスクリプトを作成しました。
<script>
$(function() {
var mydata = new Array(1);
$.get("testcase.xml", function(xml) {
$(xml).find('measurement').each(function(){
var meas = $(this);
var type = meas.find('type').text();
var interval = meas.find('interval').text();
mydata.push({'type': type, 'interval': interval});
});
var ch = d3.select("body")
.append("ul")
.selectAll("li")
.data(mydata)
.enter()
.append("li")
.text(function(d){
return d.type + ": " + d.interval;
});
});
});
</script>
私は間違った方法で配列を構築していると確信mydata
していますが、5 つの箇条書きを取得しています (多くのmeasurement
タグが含まれていますが、 mydata variable に構築したデータは含まれてtestcase.xml
いません)。