Javascriptによるクロス分析

Question

###前提・実現したいこと
Javascriptで、エクセルのピボットテーブルのようなクロス分析を実現したいです。
http://qiita.com/sebisawa/items/7ddd70fb7b14420902ae> こちらのサイトのコードを参考に作成しております。
下記該当のソースコードの中の、
src_data_fields
src_data
pivot_row_field
pivot_val_field
pivot_col_fields
の値を、コード内に直打ちするのではなく、html上のセレクトボックスから選択できるようにしたいです。
下記のsrc_dataはcsvデータ（data.csv）で保存してあり、sqlによりテーブルは作ってあります。

shop, staff, month, sales
新宿, 山田, 5月, 100
新宿, 山田, 6月, 200
渋谷, 田中, 5月, 300
渋谷, 佐藤, 6月, 400

###発生している問題・エラーメッセージ

###該当のソースコード

<select name="row" id="row_field">
<option value="サンプル1">サンプル1</option>
<option value="サンプル2">サンプル2</option>
<option value="サンプル3">サンプル3</option>
</select>
<select name="val" id="val_field">
<option value="サンプル1">サンプル1</option>
<option value="サンプル2">サンプル2</option>
<option value="サンプル3">サンプル3</option>
</select>
<select name="col" id="col_field">
<option value="サンプル1">サンプル1</option>
<option value="サンプル2">サンプル2</option>
<option value="サンプル3">サンプル3</option>
</select>

var src_data_fields = [ "shop", "staff", "month", "sales" ];
var src_data = [
  [ "新宿", "山田", "5月", "100" ],
  [ "新宿", "山田", "6月", "200" ],
  [ "渋谷", "田中", "5月", "300" ],
  [ "渋谷", "佐藤", "6月", "400" ]
];

// 設定条件
var pivot_row_field = "month";      // 横軸（表頭） ※1つだけ指定
var pivot_val_field = "sales";      // 集計対象    ※1つだけ指定
var pivot_col_fields = "shop,staff";// 縦軸（表側） ※カンマ区切りで複数指定可

###試したこと

var src_data_fields = [ "shop", "staff", "month", "sales" ];→ここはcsvから一行目を取得する方法がわからずいじれていません。
var src_data = alasql('select * from data');

// 設定条件
var pivot_row_field = $('#row_field').val();
var pivot_val_field = $('#val_field').val(); 
var pivot_col_fields = $('#col_field').val(); 

###補足情報(言語/FW/ツール等のバージョンなど)
実行環境がないため試せていませんが、こうすれば良いのではと考えています。
pivottable.jsのようなライブラリは使えません。
まだ投稿に慣れていないため、不明な点などありましたらご指摘をお願いします。
よろしくお願いします。

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[mikomal]

ご指摘ありがとうございます。質問文を修正します。

[kei344]

「クロス分析」ではなく、CSVの読み込み方がわからない、ということでしょうか。リンク先で使用されていないライブラリを使用されるのであれば、それについても追記してください。

[mikomal]

ご指摘頂いた通り、csvの読み込みが理解できていません。ライブラリについても現状不明な部分が多いため、明日改めて質問させて頂きます。丁寧にご指摘頂き、ありがとうございました。