2

ページの読み込み時に、入力フィールドから単純な 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/

4

1 に答える 1

2

これは文字列ではなく配列なので、ポイントの配列を与えるだけです:

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

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

更新されたフィドル: http://jsfiddle.net/fdKRw/4/

于 2013-03-16T02:53:40.607 に答える