1

JavaScript を使用して Web サイトの外部 CSV ファイルから特定のフィールドを表示したいと考えています。次のように「Papa parse」を使用してそのファイルを解析しようとしました。

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Parse remote CSV to HTML Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <script src='http://d3js.org/d3.v3.min.js'></script>
	<script src='https://code.jquery.com/jquery-2.1.4.min.js'></script>
	<script src='https://cdnjs.cloudflare.com/ajax/libs/PapaParse/4.1.2/papaparse.min.js'></script>
	<script src='https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.0/mustache.min.js'></script>
	
	<script>
	Papa.parse("https://dl.dropboxusercontent.com/s/....../data.csv?dl=0", {
	download: true,
	header: true,
	complete: function(results) {
	console.log(results);
	}
});
	</script>
  </body>
</html>

これにより、コンソールに結果が表示されます。

console.log

私の質問は; 次のような Web サイトで、このデータ セットから特定のデータを表示するにはどうすればよいですか。

バッテリー残量: 0.62

高度計の圧力: 99.44185

水平精度: 65

などなど

4

1 に答える 1

0

例としてバッテリー レベルを取り上げます (他のフィールドも同様であり、自分で把握できるはずです)。

var data = results.data
var arrayLength = data.length;
for (var i = 0; i < arrayLength; i++) {
    var newdiv = document.createElement('div');

    newdiv.setAttribute('id', 'your_div_id_'+i.toString());

    newdiv.innerHTML = 'Battery Level: '+data[i].batteryLevel.toString();
}
于 2015-11-25T02:31:12.183 に答える