質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
D3.js

D3.jsとは、データに基づいてHTMLやSVGドキュメントを編集するために作られた、小規模なオープンソースのJavaScript可視化ライブラリです。

Q&A

解決済

1回答

2567閲覧

D3.jsにてcsvファイルラベルデータの抽出を変数にて行いたい

nojytatsu

総合スコア36

D3.js

D3.jsとは、データに基づいてHTMLやSVGドキュメントを編集するために作られた、小規模なオープンソースのJavaScript可視化ライブラリです。

0グッド

1クリップ

投稿2016/08/17 03:07

編集2016/08/17 03:14

プログラムすべてを記載すると長く読みづらいので割愛しています。

var strYear =document.selectFrame.selectYear.value; var strMonth =document.selectFrame.selectMonth.value; var strData =document.selectFrame.selectDay.value; var device1 =document.selectFrame.device1.value; var device2 =document.selectFrame.device2.value; var device3 =document.selectFrame.device3.value; var pathData ="/data/"; var strDate = strYear + "/" + strMonth + "/" +strData; myFile= pathData + strYear + strMonth + strData + ".csv"; d3.csv(myFile, function(error, data){ //現在は固定csvファイル可変できるようにする。 var dataSet1 = [ ]; // データを格納する配列を用意する for(var i=0; i<data.length; i++){ // データの行数分だけ繰り返す dataSet1.push(data[i].Temp1); // Temp1のラベルのデータだけ抽出する } }

上記の最後から3行目で『dataSet1.push(data[i].Temp1);』の『.Temp1』にてデータを抽出してグラフ表示をするプログラムはできたのですが、HTMLで抽出するデータをリストから選んで可変したいのですが・・・いろいろ試してみていますが頭が混乱してきています。

HTMLからのリスト入力は『var device1 =document.selectFrame.device1.value;』にTemp1を選択し表示してみると選択できているみたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

csvファイルを抽出したい項目毎に作成し(Temp1.csv Temp2.csv)、共通のラベル名(item1,item2)にして抽出することで表示したいことにはできました。
できればcsvファイルは1ファイルで実施できれば良かったんですが・・・今後の課題です。

投稿2016/08/19 01:36

nojytatsu

総合スコア36

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

matobaa

2016/08/19 01:47

質問の意味が分かった…… 1ファイル版のcsvってどんな構造ですか? 最初の2行(ヘッダ行、データ行) をちら見させてください。
nojytatsu

2016/08/19 01:52

言葉足らずで申し訳ありません。 下記が1ファイルでのcsvの抜粋です。 Date,Time,Temp,Temp1,Temp2 2016/08/19,00:00:03,26.50,29.29,29.68
matobaa

2016/08/19 07:41 編集

dataSet1.push(data[i][device1]); でTemp1カラムを取り出せます。 回答になってます?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問