Tags:


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 ซ้อนอยู่ ไม่ทราบว่ามีวิธีไหนที่จะรวมมันและแสดงในกราฟได้ครับ

Get latest news from Blognone
By: hisoft
ContributorWindows PhoneWindows
on 18 June 2019 - 10:38 #1115543
hisoft's picture

ยังไม่เข้าใจสุดเท่าไหร่ครับ หมายถึงยังไงครับ ตอนนี้ปัญหาคืออะไร? ต้องการให้สุดท้ายแล้ว trace1, trace2 หน้าตาออกมาเป็นยังไงครับ

By: puspiyedru on 19 October 2020 - 12:20 #1181333

Thanks for sharing this post.It is very informative and helpful.

Sydney Brooke Simpson
Jimmy Graham
Bhgwalmartoffer