如何使用jquery创建包含更多列的数据的图表

我有以下数据。 如何使用此工具创建条形图和饼图

Fiscal Year    Total Budget   Average Budget    Number of States Reporting   Average Budget % Change

 2001-2002      $81,337,970    $77,365,083                $8                         11.00%

 2002-2003      $78,329,957    $59,330,670                $93                         7.00%

我是jQuery新手，我需要在jQuery中完成这项工作。

您通常必须将json数据放入这些图表中：

JSON（JavaScript对象通知）是成对值键的散列

例如：

var data = [

    { 
         "period" : "2001-2002", 
         "totalBudget" : 81337970,
         "avgBudget" : 77365083,
         "numberStates" : 8,
         "avgBudgetChange" :  11.00 
    },
    {
         "period" : "2002-2003", 
         "totalBudget" : 78329957,
         "avgBudget" : 58330670,
         "numberStates" : 93,
         "avgBudgetChange" :  7.00
    }


 ]

要访问特定数据：

data[0]。句点//将输出“2001-2002”

如果必须从服务器端获取这些数据：

以PHP为例，首先要使用函数

json_encode（data）；/，将数组编码为json将数组编码为json

然后执行XMLHttpRequest:

然后制作图表，根据使用的图表库添加一些选项

---

希望有帮助。

这里的财政年度、总预算、平均预算、报告州数、平均预算百分比变化都是不同的列。-试试这个插件，谢谢你的一切。我有一个小小的疑问，我们是否可以将所有这些值绘制在一张图上？如果可以，如何绘制。请给我举个例子？我的问题是，因为我是jquery新手，所以我想知道如何使用jquery创建图表，并使用我上面提到的数据库中的数据。我已经看到了许多链接，但无法找到我需要的。有谁能理解我的问题并帮助我吗？谢谢你所做的一切。我有一个小小的疑问，我们是否可以将所有这些值绘制在一张图上？如果可以，如何绘制。请给我举个例子好吗？