Jquery 如何使用jqplot插件json对矢量进行图形序列化

大家下午好。 我有一个

models.py

文件，其中有一个类包括这样的类

class Reportage:
def get_num(self):
    end_date = self.date.end_date
    start_date = self.date.start_date
    duration = time.mktime(end_date.timetuple()) - time.mktime(start_date.timetuple())
    delta_t = duration / 60
    num = []

    for t in range(0,duration,delta_t):
        start = t + start_date
        end = datetime.timedelta(0,t+delta_t) + start_date
        n_num = self.get_num_in_interval(start,end)
        num.append([t, n_num])
    num_json=simplejson.dumps(num)
    return num_json

现在我想使用

jqPlot

插件将数组“num”放在图形上。 网站上建议的脚本如下：

<script type="text/javascript">
        $(document).ready(function(){
        // Our ajax data renderer which here retrieves a text file.
        // it could contact any source and pull data, however.
        // The options argument isn't used in this renderer.
        var ajaxDataRenderer = function(url, plot, options) {
            var ret = null;
            $.ajax({
                // have to use synchronous here, else the function
                // will return before the data is fetched
                async: false,
                url: url,
                dataType:"json",
                success: function(data) {
                    ret = data;
                }
            });
            return ret;
        };

        // The url for our json data
        var jsonurl = "./jsondata.txt";

        // passing in the url string as the jqPlot data argument is a handy
        // shortcut for our renderer.  You could also have used the
        // "dataRendererOptions" option to pass in the url.
        var plot2 = $.jqplot('chart2', jsonurl,{
            title: "AJAX JSON Data Renderer",
            dataRenderer: ajaxDataRenderer,
            dataRendererOptions: {
                unusedOptionalUrl: jsonurl
            }
        });
    });
    </script>

$（文档）.ready（函数（）{
//我们的ajax数据呈现程序在这里检索文本文件。
//然而，它可以联系任何来源并提取数据。
//此渲染器中未使用选项参数。
var ajaxDataRenderer=函数（url、绘图、选项）{
var-ret=null；
$.ajax({
//这里必须使用同步，否则函数
//将在提取数据之前返回
async:false，
url:url，
数据类型：“json”，
成功：功能（数据）{
ret=数据；
}
});
返回ret；
};
//我们的json数据的url
var jsonurl=“./jsondata.txt”；
//将url字符串作为jqPlot数据参数传递是一种方便的方法
//渲染器的快捷方式。您也可以使用
//“DataRenderOptions”选项以传入url。
变量plot2=$.jqplot（'chart2'，jsonurl{
标题：“AJAX JSON数据呈现程序”，
dataRenderer:ajaxDataRenderer，
数据渲染器选项：{
未使用的可选URL:jsonurl
}
});
});

如何使用此脚本在图表上表示向量“num”？

---

我应该在脚本中更改什么？

返回的

JSON

看起来如何，您确定它是正确的吗？否则，

jqPlot

位看起来正常。