2

我在尝试在 jqPlot 图表上结合 DateAxisRenderer 和 ajax 时遇到了困难。下面的代码不会产生任何错误，但它会创建一个没有网格线的图表，y 轴上没有标签，也没有绘制数据点。只有一个空白的白色图表背景，两个 x 轴标签都写着 69 年 12 月 31 日。

如果我换掉 ajaxDataRenderer 并使用数组中的数据，就像在这个例子中所做的那样（http://www.jqplot.com/tests/date-axes.php），一切都会正确呈现。

这是我的Javascript：

var ajaxDataRenderer = function(url, plot, options) {
   var ret = null;
   $.ajax({
        async: false,
        url: url,
        type: "GET",
        dataType:"json",
        success: function(data) {
            ret = data;
        },
        error:function (xhr, ajaxOptions, thrownError){
            alert(xhr.responseText);
        }
   });
   return ret;
};

var jsonurl = "http://localhost:8080/chartdata";
var plot2 = $.jqplot('chart2', jsonurl, {
    title:'Customized Date Axis',
    dataRenderer: ajaxDataRenderer,
    axes:{
        xaxis:{
           renderer:$.jqplot.DateAxisRenderer,
           tickOptions:{formatString:'%b %#d, %y'}
        }
    }
});

返回的 JSONjsonurl如下所示：

[["2008-09-30 4:00PM",15],["2008-10-30 4:00PM",8],["2008-11-30 4:00PM",17],["2008-12-30 4:00PM",10]]

任何想法将不胜感激！

4

1 回答 1

7

我解决了这个问题。从服务器返回的 JSON 需要包裹在另一组方括号中。

它应该看起来像：

[[["2008-09-30 4:00PM",15],["2008-10-30 4:00PM",8],["2008-11-30 4:00PM",17],["2008-12-30 4:00PM",10]]]
于 2013-03-13T06:58:23.220 回答