将变量传递给jqPlot图表

时间:2013-03-16 02:01:47

标签: jquery variables jqplot

我正在尝试在页面加载时将输入字段中的数据导出到简单的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/

1 个答案:

答案 0 :(得分:2)

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

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

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

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