firebase.database().ref('timestamped_measures').limitToLast(nbOfElts).on('value', ts_measures => {
let timestamps = [];
let values = [];
let fvalues = [];
ts_measures.forEach(ts_measure => {
//console.log(ts_measure.val().timestamp, ts_measure.val().value);
timestamps.push(moment(ts_measure.val().timestamp).format('YYYY-MM-DD HH:mm:ss'));
values.push(ts_measure.val().value);
fvalues.push(ts_measure.val().fvalue);
});
const trace1 = [{
x: timestamps,
y: values
}];
const trace2 = [{
x: timestamps,
y: fvalues
}];
const layout = {
title: '<b>Chart</b>',
titlefont: {
family: 'Courier New, monospace',
size: 16,
color: '#000'
},
xaxis: {
linecolor: 'black',
linewidth: 2
},
yaxis: {
title: '<b>10-bit value</b>',
titlefont: {
family: 'Courier New, monospace',
size: 14,
color: '#000'
},
linecolor: 'black',
linewidth: 2,
},
margin: {
r: 50,
pad: 0
}
}
Plotly.newPlot(myPlotDiv, [trace1,trace2], layout, { responsive: true });
});
ผมต้องการสร้างกราฟที่มีแกน y 2 ค่า คือ value และ fvalue โดยแกน x คือ timestamp แต่ว่าไม่สามารถรวม array ของ trace 1 และ 2 ได้เนื่องจากมี object ซ้อนอยู่ ไม่ทราบว่ามีวิธีไหนที่จะรวมมันและแสดงในกราฟได้ครับ
ยังไม่เข้าใจสุดเท่าไหร่ครับ หมายถึงยังไงครับ ตอนนี้ปัญหาคืออะไร? ต้องการให้สุดท้ายแล้ว trace1, trace2 หน้าตาออกมาเป็นยังไงครับ