Question

请帮助我使用flot.js代码中已经生成的json文件所需的代码。

我似乎无法找到任何关于在javascript中使用文件而不是硬编码数据的信息。我确定它非常简单，它只是躲避我！

这里有一些示例代码...... 而不是硬编码图（var d），我想使用外部.json文件。我感谢所有的帮助！

$(function() {

    var d = [[-373597200000, 315.71], [-370918800000, 317.45], [-368326800000, 317.50], [-363056400000, 315.86], [-360378000000, 314.93], [-357699600000, 313.19], [-352429200000, 313.34], [-349837200000, 314.67]]; 

    $.plot("#placeholder", [d], {
        xaxis: { mode: "time" }
    });

    $("#whole").click(function () {
        $.plot("#placeholder", [d], {
            xaxis: { mode: "time" }
        });
    });

    // Add the Flot version string to the footer

    $("#footer").prepend("Flot " + $.plot.version + " &ndash; ");
});

Answer 1

绘图函数的第二个参数是数据;它可以采取的可能格式在下面的链接中描述。我认为简介和数据格式部分可以为您提供所需的信息。

https://github.com/flot/flot/blob/master/API.md

我不确定你的JSON对象是什么样的，但是将其中的数据转换为$ .plot函数的合适格式。

如果您需要更多背景知识来理解上面链接中描述的JavaScript，Code School在JavaScript上有一个介绍性的，互动的，免费的course。

将Python生成的JSON文件导入FLOT.JS

1 个答案: