Javascript jqplot使用函数返回值生成绘图

很抱歉提出这个问题。我对jqplot还不熟悉，我想用它根据函数计算的数据生成一个条形图

现在，我有一个保存数据的参数。另外，我有简单的代码来生成条形图。那么，有谁能给我一个如何将这两部分连接在一起的提示吗

谢谢

代码如下：

x_data=function(a,b,c,d) 
#this is the data generated from a function and it needs to be 
#sent to jqplot function, i.e., x_data=[165.33, 102.9, 89.04, 181.54, 114.92]. 
#In order to pass the parameter to jqplot, do I need to print it out in the HTML?


<script type='text/javascript'> 
$(document).ready(function(x_data){
        $.jqplot.config.enablePlugins = true;
        var s1=x_data; //I need to find a way to link s1 to x_data 

        $.jqplot('chart1', [s1], {
            seriesDefaults:{
                renderer:$.jqplot.BarRenderer,
                pointLabels: { show: true },
                rendererOptions: {
                barWidth: 3
                }
            }
        })   
    })
</script>

x_data=函数（a、b、c、d）
#这是从函数生成的数据，需要
#发送到jqplot函数，即x_数据=[165.33102.989.04181.54114.92]。
#为了将参数传递给jqplot，是否需要在HTML中打印出来？
$（文档）.ready（函数（x_数据）{
$.jqplot.config.enablePlugins=true；
var s1=x_数据；//我需要找到一种方法将s1链接到x_数据
$.jqplot（'chart1'，[s1]{
系列默认值：{
渲染器：$.jqplot.blunderer，
点标签：{show:true}，
渲染器选项：{
条宽：3
}
}
})   
})

您需要确保作为

$.jqplot（）

方法的第二个参数输入的任何内容，在您的情况下，它是

x\u pre\u irr

，其形式如下：

[[1,2]，[2,3]，[3,6]，[4,5]，[1,2]，[2,3]，[3,6]，[4,5]]

编辑 您在这方面有几个重要错误：

对于条形图，应使用

类别

：

    axes:{
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer
        }
    }

要使用

jQuery

获取HTML标记中的内容，可以使用

text（）

（或

HTML（）

） 方法，而不是

val（）

然后，您将得到一个字符串，因此必须将其转换为值数组，例如，使用

$.parseJSON（$（'x#u pre_irr_val'）.text（））

---

您需要确保作为

$.jqplot（）

方法的第二个参数输入的任何内容，在您的情况下，它是

x\u pre\u irr

，其形式如下：

[[1,2]，[2,3]，[3,6]，[4,5]，[1,2]，[2,3]，[3,6]，[4,5]]

编辑 您在这方面有几个重要错误：

对于条形图，应使用

类别

：

    axes:{
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer
        }
    }

要使用

jQuery

获取HTML标记中的内容，可以使用

text（）

（或

HTML（）

） 方法，而不是

val（）

然后，您将得到一个字符串，因此必须将其转换为值数组，例如，使用

$.parseJSON（$（'x#u pre_irr_val'）.text（））

---

谢谢您的回复。我已经更新了代码。但是，我仍然无法生成条形图。您介意看一下我更新的代码吗？

x_data

函数应该在

script

标记中。删除

ready

函数的x_数据参数。那你应该没事了。如果有些东西仍然不起作用，那么检查firebug，如果它说注意，那么在展示你的问题时发布一个工作代码示例。谢谢你的建议。我的所有数据都来自url地址，但我可以将它们打印到html表中。然后我的计划是使用jquery来获取html表的内容。然而，我有一些问题。你介意看看这个JSFIDLE吗？谢谢你的更新。如果我想要一个标准的条形图（每个数据都有自己的条形图，目前生成一个条形图），我能做些什么？有关于jqplot的书我可以看吗？检查示例，看看数据是如何格式化的。您需要将每个数据放在自己的系列中。谢谢您的回复。我已经更新了代码。但是，我仍然无法生成条形图。您介意看一下我更新的代码吗？

x_data

函数应该在

script

标记中。删除

ready

函数的x_数据参数。那你应该没事了。如果有些东西仍然不起作用，那么检查firebug，如果它说注意，那么在展示你的问题时发布一个工作代码示例。谢谢你的建议。我的所有数据都来自url地址，但我可以将它们打印到html表中。然后我的计划是使用jquery来获取html表的内容。然而，我有一些问题。你介意看看这个JSFIDLE吗？谢谢你的更新。如果我想要一个标准的条形图（每个数据都有自己的条形图，目前生成一个条形图），我能做些什么？有关于jqplot的书我可以看吗？检查示例，看看数据是如何格式化的。您需要将每个数据放在自己的系列中。