###実現したいこと
- jqplotを使用してグラフを描画したい
- 凡例クリックではなくチェックボックスによって表示するグラフを切り替えたい
- チェックボックスの状態を取得して配列に格納し、それをそのままjqplotの系列データとして使用したい
###該当のソースコード
html
1<input type="checkbox" value="cat">猫 2<input type="checkbox" value="dog">犬 3<input type="checkbox" value="pan">パンダ 4<input type="checkbox" value="rab">うさぎ 5<div id="graph"></div>
javascript
1var cat = [403, 332, 385, 367]; 2var dog = [528, 355, 415, 452]; 3var pan = [220, 407, 131, 274]; 4var rab = [254, 260, 329, 323]; 5$(function() { 6 $('[type=checkbox]:checked').each(function() { 7 category.push($(this).val()); 8 }); 9}); 10$.jqplot('graph', category);
categoryに格納された内容、たとえば["cat","dog","rab"]だったとしたら
これを[cat,dog,rab]として使用したく、if文で全選択パターンを列記して動かしている状態です。
javascript
1if(category === "cat","dog","rab") { 2 category = [cat,dog,rab]; 3} 4if(category === "cat","dog","pan","rab") { 5 category = [cat,dog,pan,rab]; 6}
もっとスマートに実現する方法はありますでしょうか。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/09/02 15:57