jqMobile を利用した HTML 5 アプリ内JSON
のライブラリを使用して、いくつかのデータをプロットしようとしています。jqPlot
HTMLページの「本文」内に次のコードを配置しています。私がここに欠けているものはありますか?
<script>
$(document).ready(function() {
// get the JSON data from server
$.getJSON("myspecialurl", function(data) {
success: function(data) {
plotData(data);
}
});
// plot the data
function plotData(data) {
ds = [];
$(data).find('latitude').each(function() {
ds.push([$(this).attr('answer'), parseInt($(this).attr('count'))]);
});
$.jqplot('chart1', [ds], {
seriesDefaults: {
renderer: $.jqplot.DonutRenderer
},
legend: {
show: true
}
});
}
}
</script>
編集:新しいプロット方法
function plotData( data ) {
// ds = [];
// $(data).find('latitude').each( function() {
// ds.push( [ $(this).attr('answer'), parseInt( $(this).attr('count') ) ] );
// } );
var array = data.contacts;
$.jqplot('chart1', array[0].latitude, {
seriesDefaults:{
renderer:$.jqplot.DonutRenderer
},
legend: {show:true}
});
}