使用flot获取未知的解析错误

时间:2012-10-10 17:27:37

标签: flot

有人可以指出我在这里缺少的东西吗?我正在尝试使用以下函数生成一个flot图表(在页面中$ .getJSON函数成功时调用它)。目前,图表根本没有加载,我得到一个解析错误。如果我删除了这个函数,解析错误就会消失,所以我确定这个函数会导致问题,但我看不到哪里!

function plotLineGraph(theData){
var myData = theData['data'];
var myDates = theData['dates'];
var d1 = [
          myData[0],  myData[1],  myData[2],  myData[3],  myData[4],
          myData[5],  myData[6],  myData[7],  myData[8],  myData[9],
          myData[10], myData[11], myData[12], myData[13], myData[14],
          myData[15], myData[16], myData[17], myData[18], myData[19],
          myData[20], myData[21], myData[22], myData[23], myData[24],
          myData[25], myData[26], myData[27], myData[28], myData[29]
          ];
$.plot($("#placeholder"), [
    {label: "rating",  data: d1}
    ], {
        series: {
            lines: { show: true },
            points: { show: true }
        },
        xaxis: {
            ticks:[
            myDates[0],  myDates[1],  myDates[2],  myDates[3],  myDates[4],
            myDates[5],  myDates[6],  myDates[7],  myDates[8],  myDates[9],
            myDates[10], myDates[11], myDates[12], myDates[13], myDates[14],
            myDates[15], myDates[16], myDates[17], myDates[18], myDates[19],
            myDates[20], myDates[21], myDates[22], myDates[23], myDates[24],
            myDates[25], myDates[26], myDates[27], myDates[28], myDates[29]
            ]
        },
        yaxis: {
            ticks: 5,
            min: 0,
            max: 5
        },
        grid: {
            backgroundColor: { colors: ["#fff", "#eee"] }
        }
});
}

编辑:

$ .getJSON函数返回以下JSON:

{
"data": [[1, 0], [2, 0], [3, 0], [4, 0], [5, 0], [6, 0], [7, 0], [8, 0], [9, 0], [10, 0], [11, 0], [12, 0], [13, 0], [14, 0], [15, 0], [16, 0], [17, 0], [18, 0], [19, 0], [20, 0], [21, 0], [22, 0], [23, 3], [24, 3], [25, 2], [26, 0], [27, 0], [28, 0], [29, 0], [30, 0]],
"dates": [[1, '10/9'], [2, '11/9'], [3, '12/9'], [4, '13/9'], [5, '14/9'], [6, '15/9'], [7, '16/9'], [8, '17/9'], [9, '18/9'], [10, '19/9'], [11, '20/9'], [12, '21/9'], [13, '22/9'], [14, '23/9'], [15, '24/9'], [16, '25/9'], [17, '26/9'], [18, '27/9'], [19, '28/9'], [20, '29/9'], [21, '30/9'], [22, '1/10'], [23, '2/10'], [24, '3/10'], [25, '4/10'], [26, '5/10'], [27, '6/10'], [28, '7/10'], [29, '8/10'], [30, '9/10']]
}

编辑2:

谢谢布兰登。调用在这里(它是一个更大的函数的一部分,它使用相同的语法来正确生成一些其他饼图):

$.getJSON('/last-month-daily-average-for-products/' 
          + theProductUuid + '/', plotLineGraph);

关于JSON的拆卸/重新组装......没有特别的原因,没有。我需要做的就是将JSON中的相关数据放入flot函数的正确部分,所以请随意纠正任何低效和错误的内容!!

1 个答案:

答案 0 :(得分:0)

您提供的任何代码都没有错。它运作得很好。

在此处查看此行动:http://jsfiddle.net/ryleyb/eJ2h8/