0

我只是一个初学者,我想显示来自我的数据库(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 文件并且仍然能够显示折线图?我对此很陌生,请帮忙。

4

1 回答 1

1

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

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

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

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

var plot2 = $.jqplot('chart2', myJsonDataRetrievedFromDB,{
于 2012-04-16T03:51:29.417 回答