【问题标题】:Show a JSON array into a JQPLOT (Beginner)在 JQPLOT 中显示 JSON 数组(初学者)
【发布时间】:2012-04-16 03:24:15
【问题描述】:

我只是一个初学者,我想显示来自我的数据库 (MySQL) 的数据,并使用 JQPLOT 将其显示在折线图中。我有一个 PHP 文件,它从数据库中获取数据并将其转换为 JSON 数组,据我所知,这是 JQPLOT 正确显示它所需要的。 我遇到的问题是我以前从未使用过 AJAX。

JQPLOT 网站给了我这个代码:

$(document).ready(function(){

  var ajaxDataRenderer = function(url, plot, options) {
  var ret = null;
  $.ajax({

    async: false,
    url: url,
    dataType:"json",
    success: function(data) {
      ret = data;
    }
  });
  return ret;
 };

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


var plot2 = $.jqplot('chart2', jsonurl,{
  title: "AJAX JSON Data Renderer",
  dataRenderer: ajaxDataRenderer,
  dataRendererOptions: {
    unusedOptionalUrl: jsonurl
  }
});
});

我不明白这段代码的后半部分,但我想知道如何将我的 PHP 文件(包含 json 数组)合并到这段代码中并显示折线图。或者,如果有人有更简单的代码,我可以在其中实现 PHP 文件并且仍然能够显示折线图?我只是这方面的新手,请帮忙。

【问题讨论】:

    标签: php mysql ajax json jqplot


    【解决方案1】:

    第一部分加载数据,第二部分显示数据。

    现在进一步解释一下,如果您下载了 jQPlot,您将看到一个名为 jSonData.txt 的文件,其中包含一个数组,在第二部分中您使用该数组来显示图表。

    你可以做不同的事情,比如在你的 PHP 代码中你从你的数据库 (MYSQL) 加载数据并将它作为 JSON 发送回来,只需将这个检索到的 JSON 传递给 jQPlot

    在这种情况下,上面的代码将如下所示:

    var plot2 = $.jqplot('chart2', myJsonDataRetrievedFromDB,{
    

    【讨论】:

    • 感谢您的回复!! 'myJsonDataRetrievedFromDB' 是一个已定义的变量?还是我必须定义它?
    • 您将定义此变量,当您从服务器加载数据时,此变量将保存响应(JSON 响应)
    猜你喜欢
    • 2022-10-24
    • 2015-02-18
    • 1970-01-01
    • 2014-04-22
    • 1970-01-01
    • 2017-03-26
    • 1970-01-01
    • 2014-04-23
    • 1970-01-01
    相关资源
    最近更新 更多