jquery - 将变量传递给 jqPlot 图表

Question

我试图在页面加载时将输入字段中的数据源到一个简单的 jqPlot 图表。

使用标准语法，jqPlot 工作正常。例如：

var plot1 = $.jqplot ('chart1', [[1,2,3,4,]]);

使用变量会使图表充其量只响应变量中的第一个整数。我想我很接近并怀疑这是 Var 的数值/字符串质量的问题。

我是在这里赚钱还是在尝试做一些不可能的事情？

HTML：

<div class="dataforchart"> <!-- VALUES -->
<input type="text" value="5">
<input type="text" value="2">
<input type="text" value="8">
<input type="text" value="1">
</div>
<div id="chart1"> <!-- CHART -->
</div>

脚本：

$('.dataforchart').each(function(){

str = '';
$(this).children("input").each(function() {
str = str + ', ' + $(this).val();
});

alert(str);
var plot1 = $.jqplot ('chart1', [[str]]);

});

我在 SO 上发现了非常相似的问题，但是我还没有找到可行的解决方案。

更新：如果有人想测试，我已经做了一个演示：http: //jsfiddle.net/fdKRw/3/

Answer 1

它是一个数组，而不是一个字符串，所以只需给它点数组：

...
var points = [];
$(this).children("input").each(function(index) {
    points[index] = $(this).val();
});

var plot1 = $.jqplot('chart1',[points]);

更新小提琴：http: //jsfiddle.net/fdKRw/4/