動的なjsonファイルから値を取得してJSでデータを視覚化しようとしていますが、コンソールを超えてデータを視覚化できません。
アイデアは、これらの4つの値(outputValue0、outputValue1、outputValue2、outputValue3)を使用して、それ自体の形状と色を変更できるようにすることです。javaScriptで変数にアクセスするには、変数をどのように呼び出す必要がありますか?
これは私のコードです:
var lines = "waiting for data";
var val0 = 0; // I get a 0, of course, but I need the actual value
var val0 = []; //I get nothing with this
function setup() {
createCanvas(400,400);
loadJSON('http://www.----------.com/data_to_json.php', gotData);
}
Object.size = function(obj){
var size = 0, key;
for(key in obj){
if(obj.hasOwnProperty(key)) size++;
}
return size;
}
function gotData(data) {
var size = Object.size(data) - 1;
console.log(size);
console.log(data[size]['timeStamp']);
console.log(data[size]['outputValue0'] + " " + data[size]['outputValue1'] + " " + data[size]['outputValue2']+ " " + data[size]['outputValue3']);
lines = size;
var val0 = data[size]['outputValue0'];
}
function draw(){
background(158, 152, 207);
textAlign(LEFT);
fill(0);
text('Emotional analysis', 10, height - 370);
text(lines + ' emotions stored',10,height -20);
text(val0,10,height -60)
}
コンソールにエラーはほとんどありませんが、関連性はないと思います。
InvalidStateError:使用できない、または使用できなくなったオブジェクトを使用しようとしました。Elusodelsensordeorientaciónestáobsoleto。(センサーの使用は廃止されました)p5.js:9298:6 El uso delsensordemovientoestáobsoleto。(センサーの使用は廃止されました)p5.js:9298:6 240 Sketch.js:20:3 2019-02-08 22:03:09 Sketch.js:21:3 20 20 19 20 Sketch.js:22 :3
jsonファイルは次のようになります:
[{"timeStamp":"2019-02-08 13:38:53","outputValue0":"18","outputValue1":"18","outputValue2":"18","outputValue3":"18"},
{"timeStamp":"2019-02-08 13:39:03","outputValue0":"18","outputValue1":"18","outputValue2":"19","outputValue3":"18"},
{"timeStamp":"2019-02-08 13:39:13","outputValue0":"18","outputValue1":"18","outputValue2":"19","outputValue3":"18"},
{"timeStamp":"2019-02-08 13:39:23","outputValue0":"18","outputValue1":"19","outputValue2":"19","outputValue3":"19"},
{"timeStamp":"2019-02-08 13:39:33","outputValue0":"18","outputValue1":"19","outputValue2":"20","outputValue3":"19"}]
いくつかのグローバル変数を設定しようとしているようです。しかし、スコープを間違えたため、これは一般に欠陥のあるデザインパターンと見なされます。また、現時点では、実際にdraw()
関数を呼び出す場所がないようです。
draw()
いくつかのパラメータを受け入れた場合、おそらくカプセル化に適しています。
function draw(val0, val1, val2, val3) {
次に、gotData関数で次のように記述できます。
draw(data[size]['outputValue0'], data[size]['outputValue1'], data[size]['outputValue2'], data[size]['outputValue3']);
それに値を渡し、あなたの形を変えます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加