0

有人可以指出我在这里缺少什么吗？我正在尝试使用以下函数生成一个浮点图（在页面中 $.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 函数的正确部分，因此请随时纠正任何低效和不正确的内容！

4

1 回答 1

0

您提供的任何代码都没有问题。它完美地工作。

在此处查看实际操作：http: //jsfiddle.net/ryleyb/eJ2h8/

于 2012-10-10T20:20:07.363 回答