Question

我正在尝试使用由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}
 });
}

Answer 1

粗糙有问题，计算机再次正确。这就是你的代码应该是这样的。您正在定义成功，就像使用ajax方法一样，getJSON成功将作为第二个参数传递。

$.getJSON("myspecialurl", function(data) {
    plotData(data);
});

修改我还发现你没有适当地关闭ready功能。它应该是});，而不仅仅是}。

使用jqPlot绘制JSON数据

1 个答案: